「うちのWebサイト、最後にリニューアルしたのはいつだっけ？」 「競合の会社のサイトは最近リニューアルされてたなぁ・・・」 「なんだかうちのサイトのデザイン、古いかも？」 「よし、久しぶりにサイトをリニューアルしてみよう！」 その前に。 Web担当者の皆さん、「サイトコンセプト」はお決まりでしょうか。 サイトの大幅なリニューアル、新規立ち上げをする際には、 まずWebサイトの「コンセプト」を決める必要があります。 「サイトコンセプト」って必要なの？ どうやって決めればいいの？ そもそも「コンセプト」って何のことだかよく分かっていない…。 そんな方の為に 「コンセプトとは」 「サイトコンセプトの決め方とは」 詳しく解説していきます。 なぜ「サイトコンセプト」が必要なのか サイトコンセプトとは、サイトを作るための指標になるものです。 Webサイトはただ存在するだけでは意味がありません。 見てく

普段皆さんが記事探しをする際、思わずクリックしてしまう画像ってどのようなものがありますか？ 「なんかおもしろそう！」 「うわ！おしゃれだ！」 「今の悩みを解決してくれそう！」 そんな風に感じさせてくれる画像とコピーライトを見つけたらすぐにクリックしたくなりますよね。 それは「アイキャッチ画像」の効果といえます。「アイキャッチ画像」とは「目を惹く画像」という意味です。 一番上に載っている↑画像のことですね。 Webサイトやブログでは「記事やページに誘導する」目的の他に、「アクセスアップ」を狙うためのアイキャッチ画像が設置されていることがほとんどです。 見栄えが良いからといった理由だけでなく、アクセスする前から記事内容が頭にスムーズに入ってくるような画像は思わずクリックしたくなりますよね。 YouTubeをイメージしてみてください。YouTubeを見ていると、右側に関連動画が出てくると思います

突然ですが、”ホームページの役割は何か”と聞かれたときに、皆さんはパッと答えられるでしょうか？ 近年、iphoneやスマートフォン、タブレット端末などの普及によりインターネットの世界はとてつもなく大きく進化しています。 スマートフォンやタブレット端末は、従来の携帯電話にくらべ画面サイズが大きく解像度も高いため、パソコンとほぼ同じ環境でホームページを見ることができるので、通勤通学途中に取引先の業務内容や、気になる商品を売っている会社の情報を簡単に調べられるようになりました。インターネットを使って調べ物をすることが当たり前の時代になってきているのです。 すべての人がいつどこからでもホームページを見れる社会において、ホームページが一体どんな役割を果たしてしてくれるのか。 今日はそんな、ホームページを持つことの意味と重要性をお伝えします。 ホームページを持つ意味 もしあなたが実際にホームページを持

みなさん、バナーやサムネイル、アイキャッチ画像などのデザインをした際こう思ったことはありませんか？ 「オシャレにしたいけど、このフォント雰囲気に合ってるのかな？」 「フォントがありすぎて、どれを使えば良いんだろう・・・」 周りに聞けず「とりあえず…」で適当に選んだりしていませんか？ 適切なフォント選びを行うには、 フォントが持つ力や印象を知る ターゲットに伝えたいイメージとすり合わせる といったことが大事です。 例えばレイアウトが同じ作品があっても、「フォント」を変えるだけでまったく違った印象を受けます。 下の画像は同じレイアウトで、明朝体とゴシック体のテキストをそれぞれ挿入しています。 二つを見比べてみると、 「明朝体」には、高級感やスタイリッシュさを、 「ゴシック体」には元気なイメージや安定感を感じませんか？ 普段私たちは意識をせず、文字を見ています。なにげなく見たり読んだりしている文

シンプルなデザインに も、良さがある。 情報のたくさん詰まったにぎやかなサイトももちろんお作りできますが、 私たちみやあじよが得意なデザインは、シンプルで整理された、「見やすい」サイトです。 ちょっとした工夫を施したり、 文字のサイズや間隔を変えるだけでも、魅力的なデザインは作れる。 私たち みやあじよ が大切にしていることです。 みやあじよ は、大阪府堺市を拠点に北海道から沖縄まで 全国各地のWEB制作をお受けしております。

ここ最近のことなのですが、綺麗なデザインのサイト集なんかを見て回っていると何度か斜めグリッドを基準にしたデザインのサイトを見かけました。 こういうの何て言うんでしょうね。斜めグリッドなのでDiagonal Grid Based Webdesignとでも言えばいいんでしょうか。 どのサイトも非常にインパクトが強く印象的だったので、数は少ないですが紹介してみようと思います。 Jessica CaldwellJessica Caldwell ポーランドのウェブ制作者さんのポートフォリオ。 各ブロックはli要素をtransform: rotate()して作られています。 ブロックは一つ一つがナビゲーションで、マウスを乗せるとアニメーションでメニューが表示されます。 Designer GlebDesigner Gleb / Graphic&Web Designer Gleb Leksikov フリー

サンプルサイトの制作を通して、「Webサイトの制作手順」についてまとめてみました（の番外です）。 前回の記事では、トップページのデザイン制作と、勢い余ってスライスまでしてしまいましたが、その後、依頼主からデザインの修正依頼がありました。この記事では、トップページデザインの修正と、下層（コンテンツ）ページのデザイン制作について書いてます。 目次です。クリックするとその項目へ移動します。 トップページデザインの修正 依頼主からの返答 改善案を考える 修正案を制作する ちょっと寄り道：ロールオーバー時の見せ方 サイトの役割を再確認 サイトの構成を決める サイト構成図を制作する ちょっと補足：サイト構成図？サイトマップ？sitemap？ 下層（コンテンツ）ページの制作 各ページに入れる内容を整理する レイアウトを考える 下層ページのデザイン制作 スライスしてWeb用に書き出し トップページデザイン

WEBデザイナーのためのWEBサイトのデータベース・リンク集、「WEBサイトを作成する際のデザインの配色・見本・参考」「お客様・クライアントにイメージを伝えるためのサンプル」「制作会社へのサイトイメージを伝えるためのご提案」などサンプル・配色・見本・参考・ご提案にご利用ください!!

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

こんにちは！ 先月の頭に書いた記事「【2013年度版】今年流行る！7つのUIデザイントレンドまとめ」が 今でもかなり多くの方に読んでいただけているようでとても嬉しいです。今回のブログは「【2013年度版】今年流行る！7つのUIデザイントレンドまとめ」でご紹介した「メトロUI（フラットデザイン）」にフォーカスした記事です。 （下記はDesignmodoの記事「Flat Design: Can You Benefit from the Trend?」の翻訳です） 最近よくフラットデザインが取り入れられているWebサイトやアプリを見かけます。このトレンドはWindows 8とGoogleの新デザインがリリースされた事で人気になり、他のサイトなどでも取り入れられ始めました。デザインの装飾をたくさん使わず、フラットデザインはメッセージや製品、アイデアをユーザーに伝えるシンプルな方法です。ぜひ今のトレ