聞けないWebのギモン!!~DOCTYPE宣言文って何?~Webページを作成する際に最初に記述する「DOCTYPE宣言文」。~グローバルナビゲーション~ユーザがストレスを感じることなく、目的のページにたどり着く為には、どのような事に注意すべきでしょうか。~「整列」~今回は、Webページをデザインする際に気をつけなければならないレイアウトの基本、「整列」についてご紹介します。~Photoshop編~今回はよく使うと思われるショートカットをまとめてみました。引き続き、第2弾!Webだけでなく、デザインする際の基本である「繰り返し」についてご紹介いたします。第3弾!今回は「近接」についてです。近接とは簡単に言うと、近づける事。これをちょっと気にするだけで直感的にわかりやすいデザインになります。~「関係性」~関係している物は近づける。関係していない物は遠ざける。今回は、前回の「近接」の補足になる「関係性」について紹介します。夏向けイラスト素材デジナーレカフェからの御中元!夏向けのイラストやアイコンの素材を無料でプレゼント。~白黒配置で目的を明確にする~レイアウトの基本5は「白黒配置で目的を明確にする」です。今回は、伝える目的を明確にするレイアウトの方法について、説明したいと思います。~そもそもHTMLって何?~言葉は知っていても、何をするのか?何が出来るのか?正体は何?と言う人のために、今回は実はとっても身近なHTMLについて、出来るだけわかりやすい解説で説明したいと思います。イラレで作る暑中見舞いレシピイラストレータで作るポストカード。今回は暑中見舞いを作って、皆に送ってしまおうという企画です。【フリー素材】手書き植物の素材セット長いように感じた冬も終わり、柔らかい青葉が芽吹いて春になりました。皆さまいかがお過ごしでしょうか?今回は手書き植物の素材...2014年10月15日イラストレーターを目指し活動中!~後編~※今回は少し趣旨を変えて、織田さんのイラストをページにちりばめました。学校で広告を学び、色々やってみたくなった。水彩絵の具のにじみは、アナログ表現の醍醐味ですよね。デザインというと「センスの良さ」が必要だと感じたことはありません...近接とは?近く接した物を近接といいます。簡単に言うと、近づける事。百戦錬磨のデザイナは感覚的な配置に長けています。引き出しが少なく、慣れない内に感覚的な配置を行うと、「え、なんで?」といったレイアウトになりがち。そのためには必ず「近接」を意識する必要があります。上部に使っているイメージを参考に、近接について説明していきます。近接を無視した自由なレイアウト。パッと見た感じ、バランスを意識して配置はしたものの、何が悪いのかが分からない、と言った時にはまず近接。例えば、Masakoがどれを指しているのか、分かりますか?上なのか、右なのか、もしかしたら下かも知れません。これが操作するものや、メニューだったらユーザは迷ってしまいます。名前をそれぞれの下に配置するだけで、関係が見えてきます。改善前は、はっきりしないものがハッキリしてきました。何かを明確に、分かりやすくする事はレイアウトの基本だと考えると良いと思います。基本ですので、ここからさらに「分かりやすく」していき、見た人が「感覚的に捉える事が出来る」のがポイントとなります。見られる解決方法どうしても画像の下に配置出来ない、並びすぎていて「ちょっと寂しいなあ」と言われた場合、色々な解決策があります。対象のレイアウトには手を加えずに、装飾だけで関係を持たせる事も出来ます。ふきだしに入れて、言葉風に。アイキャッチとなる物を配置して関連性を。グラフなどで見かける、ラインを足す。対象に載せちゃうのもありです。対象となるレイアウトを変えずに、と言う制限があってもまだまだ色々な方法がありそうですね。試行錯誤する事で、新しいアイデアや自分の引き出しがどんどん増えます。色々な方法を沢山試していくのが良いと思います。今回は説明の為に省いていますが、可読性を考慮する事も忘れずに。実践的な使い方では実際に近接の例を見て行きましょう。見出しと本文の関係であっても、関係している物は近くに、関係していないものは遠ざける。これが近接と言うルールです。第3弾として「近接」について、まとめました。WEBのデザインだけでなく、雑誌やチラシなどの印刷物も同じですので、身近にある「見やすいな」と思うデザインを観察してみましょう。近接を意識することで、まとまりのある見やすいデザインが完成します。〈目で見て楽しむ新しいデザインの本。