【デザイン集】素材が不足している時のメインビジュアル
デザインの構成にばっちりメインビジュアルの領域が取られているのに素材の写真もイラストもない。 どうにかして間を持たせなければならない、そんな時。 絶対絶命ですね。 今日はそんな「どうにかして作らなければいけない」そんな時、参考になりそうなメインビジュアルを集めてみました。 ・背景に当たり障りの無い写真を入れてぼかしてみたり ・アイコンを大きく配置してみたり ・タイポグラフィで頑張ってみたり ・背景をグラデーションにしてみたり ・模様を入れてみたり …etc うぅん […]
IT業界のことで相談する際の弁護士先生の選び方
Webサービスを運用していたり、受託制作をやっていると利用規約や契約書などで法律の専門家に内容の確認をした方が良いことが多々あります。ある程度自分たちの法的な知識の元に作成してもやはりそこは素人で、法的な解釈は間違っていることもよくあります。 昨年の11月に「Web業界 受注契約の教科書」という書籍の執筆に携わらせていただいたのですが、改めて自分たちの判断が素人判断であると認識し、IT業界と法律の解釈は非常に難しいと思いました。 法的なことを相談する際、弁護士の先生にお願いす […]
CMSの導入参考資料公開！～弊社オリジナルCMS「proG」～
こんにちは、石上です。 先日、proGの導入参考資料をslideshareにアップロードしました。 ※proG製品サイトにも掲載しています。 スライドには、CMSの導入によるよくある失敗や後悔などの声と、それらの声を受けて生まれた弊社のproGについて書いています。 例えば、「HTMLベースのCMS導入で自分たちで自由自在に更新できるぞ」、「外注費0（ゼロ）にするため、サイト全部をCMSで管理！」。しかしその結果、後悔することになったなど、CMSを導入したことがある方ならば「 […]
画像をCSSで縮小した際の各ブラウザの表示
こんにちは、工藤です。 年明け早々寒いですね。 危うく早速風邪をこじらせてしまうところでした。 3連休は暖かくして過ごそうと思います！
Webページにおける文字量と画像のバランス
新年あけまして、おめでとうございます。 本年もよろしくお願い致します。 さて、新年一回目はWebページの「文字量と画像のバランス」について書きたいと思います。 Webサイトは、通常文字による情報と、画像による視覚的情報で構成されています。 小説のように文字だけで構成されているサイトは、近年ほぼ見られなくなりました。 ※昔は、文字（文字色やサイズなどの装飾とHTMLの表）だけで作られているサイトも割と見かけましたが、今は見る機会が減りましたね。 （文字だけで構成されたページは、 […]
【怖くないJavaScript + jQuery】要素をエンドレスでスライドさせる
あけましておめでとうございます。年の瀬の頃より毎日寒いですが、皆様いかがお過ごしでしょうか。 私の今回のブログ初めですが、jQueryのことについて書きたいと思います。 以前「連続した処理で画像をスライドさせる」ことで記事にしましたが、今回はこちらの応用編です。前回は画像を背景に設定し動かしていたのでリンクが貼れませんでしたが、今回はリンクつきの処理を作りたいと思います。TOPページで商品をずらっと並べたい場合などにご使用ください。 目次1 デモ2 Step1：まず下準備3 […]
小さなWeb制作会社が自社でサービスを作ろうと思った時に気をつけたいこと。
新年明けましておめでとうございます。 今年は年末年始の休暇が長かったせいかまったくお正月感がしませんでした。 個人的にはお正月休みが長すぎると飲酒量も多くなり、健康上よくないので、仕事が始まり生活リズムが戻ってきてほっとしています。 さて、本年も仕事が始まり本年の目標を掲げたいところですが、今回はWeb制作会社で自社オリジナルのサービスを作るうえで注意したいことを挙げてみます。 毎年のように何かヒットするもの作りたいと思っているので、特に今年に限って大きな目標を掲げるのではな […]
WebサイトにおけるPDFについて
こんにちは、石上です。 この1週間でいきなり、年の暮れの雰囲気を感じるようになりました。今回はAdobeのPDFファイルについて話をしたいと思います。 Webサイト以外でも様々なところで色々とお世話になっているPDFファイルですが、今年10年目のファイルフォーマットです。 （ちなみに当社の独自CMS「proG（プログ）」は、PDFはもちろんのことWordやExcelファイルなど様々なファイルのアップロードも簡単にできるCMSです。ご興味のある方は、製品専用サイトを是非ご覧くだ […]
TwitterまんがPart24
おはようございます。世間はクリスマスですね。 年の瀬の折、皆様いかがお過ごしでしょうか。仕事収め目前で忙しくされているでしょうか。 さて、今日もお仕事の合間にほっこりする漫画をひとつ。 クリスマスですので仲良さげなツイートを選んでみました。 目次1 ヨメからLINE2 今回描かせて頂いたツイート3 バックナンバー ヨメからLINE 今回描かせて頂いたツイート あんまりにも可愛らしかったので描かせて頂きました。LINE、便利ですよね。 バックナンバー あわせてこちらもどうぞ。 […]
Webサイトに見るピクトグラム
こんにちは、石上です。 気が付いたら、年末が近づいていました。 今日は、ピクトグラムについて書こうと思います。 目次1 ピクトグラムとは？2 Webサイトのピクトグラム ピクトグラムとは？ 「ピクトグラム」を聞いたことが無い方のために、まずはピクトグラムについて簡単に私なりの定義を書いてみます。 ・単色（背景色と合わせて2色）で作る絵記号 ・国や文化が違う方でも、文字情報に頼ることなく「何を表わしているのか」がわかるもの （ユニバーサルデザインになっているものもある） □ピク […]
年末年始の休暇について
平素は格別のお引き立てをたまわりまして誠にありがとうございます。 当社では以下の日程で年末年始休暇を取らせていただきます。 2013/12/28(土)～2014/1/5(日) なお、12/27(金)については社内残務の取りまとめとし、通常業務は行いませんので、予めご了承ください。 12/27にご連絡いただきましたご依頼については年明けの1/6(月)からの対応とさせていただきます。 運用中の各種Webサービスについては緊急性の高い不具合対応以外のサポートについては年明けのの1/ […]
「スマートイルミネーション横浜2013」を見に行ってきました。
10月末頃の少し前の話題なのですが、「スマートイルミネーション横浜2013」を見に行ってきました。 昨年も記事にしましたが、アートイベントが豊富な横浜周辺で、私がいつも楽しみにしているイベントの一つです。 「省エネ技術とアートでつくるもうひとつの横浜夜景」をテーマに、横浜駅周辺からみなとみらい一帯まで、色とりどりのイルミネーションで照らされます。 の5日間に渡るイベント、全部見るには少し広すぎて、ほんの一部ですが、ご紹介したいと思います。 スマートイルミネーション横浜2013 […]
無駄な残業ゼロを目指す！Webディレクターの時間の使い方。
今年も残すところわずかとなってしまいました。 こうやって一年が経ってしまおうとすると、昨年の暮れのことがまるで昨日のことのようにも感じられます。 さて、今年も色々なサイトやサービスを制作してきたわけですが、とりわけ制作時間について考えさせられることが多かったように思います。 考えさせられるということは、事が思い通りに進まなかったことが多かったわけで、反省ということになるわけですが、今回は時間と制作について書いてみたいと思います。 実際に現場で制作に […]
オリジナル地図と外部の地図サービス
こんにちは、石上です。 今週、当社のカスタマイズCMS「proG（プログ）」から新しく総合病院向けパッケージCMS「proG hospital（プログ ホスピタル）」がリリースされました！ proG hospitalにはproG同様、実際にサイトを運営されている現場の方の声や立場から制作した「病院からのお知らせ」や「医師情報」「外来診療表」などの機能をパッケージ化したものです。 今回は、CMSサイトでも通常のHTMLのサイトでも、Webサイトに必要な「地図」について書きたいと […]
【怖くないJavaScript + jQuery】スクロールの高さを判定して画像をふわっと表示する・シュッと表示する
先日、弊社サービス「proG（プログ）」の、総合病院向けパッケージ「proG hospital」がリリースされました。（プレスリリースも出しています！） リリースにあたってランディングページを制作したのですが、今回は画像がふわっと表示されたりシュッとスライドで表示されたり、アニメーションを多く取り入れています。 参考にと他サイトを色々と見ていたのですが、印象に残りやすく、とても良い仕組みだと思います。 そこで今回は、画面をスクロールし、一定の高さまで届くとアニメーションするj […]
Web受託制作におけるCMS導入の実際と考え方。
本日当社で開発したCMS「proG(プログ)」の総合病院向けパッケージ「proG hospital」がリリースされましたので、CMSについて書いてみます。 proGというCMSは当社が創業した当初受託制作で必ず導入していた更新システムを製品化したものです。 基本的にはクライアントのご要望や運用体制などをヒアリングのうえカスタマイズ導入します。 実際に導入してみるといろいろなことが分かってきます。 最初はやる気満々でも実際には更新を制作会社でCMSを使ってやることになったり、欲 […]
Webサイトのアクセシビリティについて【コーディング編】
こんにちは、石上です。 前々回に引き続きアクセシビリティについて書きたいと思います。 今回はコーディング（HTML化）についてです。 目次1 コーディングで、注意したいポイント1.1 文字サイズ1.2 タブメニュー1.3 文字の送り仮名1.4 画像のALTタグ1.5 文法チェック コーディングで、注意したいポイント 文字サイズ HTMLで文字サイズを指定するにはem、px、pt、%といった記述方法があります。 多くのサイトで%（パーセント）かpx（ピクセル）を使用いると思いま […]
Webディレクターがエンジニアに工数を聞く際に気を付けたいこと。
Web制作においてプログラミングが必要なシステムなどが絡むと、その規模やクライアントの要望によって制作現場ではたいていひと悶着あったりします。 それは見積り作成時、仕様策定時、開発完了後、タイミングは様々です。 特に見積り作成時には工数計算する際にエンジニアに工数を確認すると思うのですが、そのままエンジニアの工数を計上すると到底クライアントの予算に合わず、やりたいことと金額が釣り合わなくなったりします。 こういったことで「クライアントとエンジニアの狭間」または「上司とエンジニ […]
Webサイトのアクセシビリティについて【デザイン編】
こんにちは、石上です。 前回、アクセシビリティについて大まかに記載しましたが、デザインの注意事項などについて書きたいと思います。 クライアントの方も、「アクセシビリティに配慮すると、デザインにどういう制限が出てくるのか」などのご参考にしていただければと思います。 目次1 デザインで、注意したいポイント1.1 文字1.2 レイアウト/デザイン1.3 その他 デザインで、注意したいポイント 文字 ・大きさ…文字サイズは一般的なサイトよりも若干文字サイズを大きめにする。 […]
Web制作会社が下請け業者ではなくパートナーとして扱ってもらうために
Web制作会社の愚痴として、 「代理店は我々を下請け業者としてしかみていない！」 「良いものを作るにはパートナーである必要があるんだよ！」 なんてことをよく聞きます。 もちろん良いものを作るには制作会社の一方的な想いだけではできません。 クライアントと制作会社も受発注の関係にはありますが、制作の過程ではパートナーとしてお互いイーブンな関係でモノづくりをする必要はあると思います。 ただ、パートナーとして扱ってもらうためには嘆いていても、愚痴を言っても始まらず、それ相応の対応をし […]
Webサイトのアクセシビリティについて
こんにちは。 今日はWebサイトのアクセシビリティについて、私なりの考えを書いてみたいと思います。 『ユーザビリティは聞いたことがあるけど、アクセシビリティって何？』という方も多いと思います。 簡単に言うと ・ユーザビリティ＝サイトをより使いやすくすること （極端な例ですが、ECサイトで商品がカテゴリ分けされていたり、検索機能を付けたりすることです。 これらの機能はなくても一覧で並んでいれば、『買う』ことはできますが、有った方が使いやすいですよね。） ・アクセシビリティ＝視聴 […]
【鉛筆画】デッサン作品
今回は少し、過去の作品を引っ張り出して参りました。 私事で恐縮ですが、デザイナーになるべく志していた学生時代に書いたデッサンが山程出て参りまして、折角なのでこちらに掲載してみようと思います。 大きなカルトンを担いで通学していた時は億劫に感じていましたが、今考えると大事な時間だったなと改めて感じます。構図力や、素材を作る力などが鍛えられますよね。 専門時代の2年間しか書いていなかったので見る人が見れば荒い部分が目立つようなものですが、私がデザイナーになるまでにどんなことを経験し […]
出会い系サイトの定義について真剣に考えてみた。
そろそろ忘年会シーズンですね。 当社で運用しているノミトモという飲み友達を作るマッチングサービスがあるのですが、このシーズンは毎年盛り上がりを見せ始めてきます。 ノミトモは当社の運用しているサービスの中でももっとも収益の上がっているサービスなので、いつも会社の紹介をする際には当社の一押しの運用サービスとして紹介させていただいております。 このノミトモというサービス、ちょっと口の悪い方に言わせると「出会い系サイトって儲かりますもんね。」なんてこともポロッと言われたりもします。 […]
【怖くないJavaScript + jQuery】連続した処理で画像をスライドさせる
おはようございます。本日の渋谷は酉の市があるようで、朝から賑やかです。宮益坂には出店がたくさん並んでいます。 さて、本日の本題ですが、今日はjQueryで「連続した処理」について書こうと思います。画像をスライドさせる時なんかに使えますね。 スマフォやタブレットの普及で、Flashが敬遠されがちなので、最近はjsでのスライドショーのご依頼も増えています。 合言葉は「jQuery こわくない」です。 目次1 デモ2 Step1：まず下準備3 Step2:次にHTMLの準備4 St […]
デザインにおける「余白」と「伝えること」の関係
こんにちは、石上です。 今回は、デザインにおける「余白」と「伝える」ということを考えてみたいと思います。 多くのサイトはパっと見ただけで、『なんのサイトなのか』『何が売りなのか』など“伝えたいことがわかる”ように作られています。 伝えたいことを伝えるのは、デザインの役割です。 （デザインはただ『サイトが使いやすい』といったところだけではなく、こうした「伝える」という点でも非常な重要な役割を持っています。） どんなに掲載している情報が魅力的でも、文字や写真がぎっしり詰まっていれ […]
運営会社:株式会社8bit
制作サービス
運営サービス
