知らなかった!じゃ済まされない。WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。知らなかった!じゃ済まされない。2019年7月5日こんばんわ!WEBデザイナー歴10年目に突入間近のHです!以前、2015年に流行るWEBデザインのトレンドを3つ、ご紹介させて頂きました。先取り!2015年に流行るWEBデザインのトレンドは!?この3つを大きな柱に2015年のWEBデザインは進化していくのではないかと言われています。そのうちの1つ目、”フラットデザインの更なる普及”ですが、流行のデザインには思わぬ落とし穴が付き物です。「クライアントが”フラットデザインにしたい”と言うから。”最新のデザインだから”確かにその通りです。流行りに流されているだけ、という事はないでしょうか?クライアントの過ちを正しい方向へと軌道修正するのもわたしたちの努め。そこで、クライアントにとってベストな提案をするために、フラットデザインの注意点を把握しておきましょう。フラットデザインの注意点1本当のデザイン力が求められる出来上がったデザインがシンプルなほど、時間がかからず、簡単で、デザインをそれほど学んでいなくとも出来る、というイメージは大間違いです。シンプルでクリーンなデザインほど、難しく、労力がかかり、本当のデザインセンスが求められます。”余白の美”これを追求できるデザイナーほど、フラットデザインの依頼が来た場合、心してかかる必要性を感じます。装飾でごまかせそうなデザインの方がよっぽどラクなんです。(ただ、そういったデザインはテクスチャの処理などで、別の意味で大幅な時間が必要ですが...)そういったごまかしの効かないデザインほど、一歩でも間違うと、とんでもなくダサくなったり、バランスが悪いちぐはぐなデザインになってしまいます。デザイナーとして自分がフラットデザインを引き受ける場合は、その力量が自分にあるかどうか、ディレクターの立場の場合は、依頼するデザイナーにそのセンスがあるかどうかを見極めることが必要です。2ユーザビリティの低下フラットデザインのサイトを見ていて、時々こう感じたことはありませんか?”え?どこに行けばいいの?””え?これボタンだったの?”ボタンであると感じさせるデザインのコツは、1矢印などの装飾2立体感を表すグラデーションやドロップシャドウ3”詳細はこちら”のような続きがあると思わせるコピーこの3つです。シンプルなフラットデザインのコンセプトは「余計なものを削ぎ落とす」ですから、まず、2の”立体感”は必要ありません。フラットは”平ら・平面”という意味ですから。3の”コピー”もできるだけ余計なものを削ぎ落とします。”詳細はこちら”の場合、”詳細”のみ、もしくは”MORE”のみです。1の”矢印などの装飾”も削ぎ落とします。ボタンが羅列するデザインだとフラットな印象を与えられません。このような基本コンプトを守りながらデザインしていくと、”え?これボタンだったの?”という印象のデザインが出来やすくなります。ボタン以外の周りのインターフェースもこれに順じていますから、統一感があるが故に更に判断できないデザインになりやすいでしょう。このようなユーザビリティの低下を引き起こしやすくなるデザインであるという事を理解してください。”流行だから””デザインがかっこいいから”という理由でデザインを進めても、公開後、一般ユーザーの目に留まったときに”分かり難い”という声を聞くことになれば本末転倒。サイトの目的によって、フラットデザインを採用していいのかどうか、見極めることが必要です。3数年後、時代遅れになるWEBデザインのまとめサイト等で、特に2~3年前の過去をさかのぼったデザインを見ていると、このように感じた事はありませんか?”やたら似たようなデザインが多いいなぁ”そうです。その頃にそのデザインが流行ったからなんです。今、そのデザインを見ると、古臭いイメージを覚えませんか?一度、目新しいデザインが流行ると、どこの企業もそのデザインを反映させる傾向にあるので、自然とわたしたちの目に触れる機会が多くなります。同じデザインを見ていると、だんだんと次第に飽きてきます。例えると、真新しい芸を披露して一躍、時の人となった芸人が次の年には消えていなくなっている、あの一発屋現象とどことなく似ています。多く露出している芸能人をテレビで見ているとだんだん飽きてきますよね?その感覚と同じです。数年先のことなんて誰にも分かりませんが、飽きられる可能性、時代の変化と共にダサくなっていく可能性を考慮しておかなければなりません。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。その(3)こんにちは、デザイナーのAです。以前、いいデザインと悪いデザインの見分け方についてご紹介いたしました。幅や高さが変わるとそれに沿った画像を作成しなくてはならない場合があります。KCFinderで画像の保存先を動的に指定する方法。KCFinderを導入しているサイトでログインするユーザごとに画像のアップロード先を切り替えたい状況がございます。...ウェブデザインの幅が広がるFREEフォントの紹介ウェブデザイン作りに当たって、フォントの選択はすごく大事なところであり難しい問題です。WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。