見出し画像

参考になるデザイン10選!SのMEMO-design ver-

お疲れ様です!
今週もあげていきますS的参考になるデザイン10選!
デザインの参考探しや勉強に!ぜひSのMEMOに寄って見ていってください~!Here we go!


DESIGN❶

・物流というところから関連のある段ボールのイメージをサイト全体のデザインに取り入れている。
・茶色やオレンジなど温かみのある雰囲気のカラーを使用したり、ベタのイラストを使用することで、親しみのある印象

画像1

DESIGN❷

・黄色味の入ることによりレトロ感があるメイン画像が印象的なサイト
・黄金比・白銀比計算してくれるアプリというところから、背景にはアプリを使いながら設計している様子の写真を使用し、キャッチコピーも比率を計算して書いたようなデザインになっている。

画像2

DESIGN❸

・タイトルのかすれ感や、切り抜きの写真、文房具やパステルカラーを使用することでカフェのナチュラルなイメージを引き継いでいる。
・3つめのコンテンツでは、チェキを飾るようなかわいらしいデザインが取り入れられている。1つめや2つめのコンテンツと構成を変えることで、ユーザーが最後まで興味を持ってサイトを見れるような工夫されている。

画像3


DESIGN❹

・ゲームの中で何かアクションを起こしているようなアニメのイラストが目に飛び込んでくる、任天堂らしいデザイン。
・フォントは太めのゴシック体であることから誰にでも親しみのある読みやすい雰囲気。

画像4


DESIGN❺

・時代を超えるというところから山の写真を使用し、大きなところを超えていくイメージが連想できる。
・キャッチコピーを全面に出したインパクトのあるデザイン
・社名にあるWやMをメイン画像や下のコンテンツの背景に大きく載せることで、シンプルながらもスタイリッシュな印象に仕上がる。

画像5

DESIGN❻

・黄色が買ったクリーム色の机に置かれた、緑のクリームソーダが映えるレトロなポスター。
・更にレトロ感を連想させる、「クリームソーダ」文字がアクセントになっている。昔懐かしい温かみのある雰囲気やアットホームな雰囲気を出している。

画像6


DESIGN❼

・植物の緑がきれいなナチュラルなデザイン
・メインの画像を背景より前に出すことで、存在感が増している。
また、キャッチコピーは手書き調にすることでナチュラルな雰囲気を引き継ぐとともに、画像2枚にまたがることで、画面を大きく使用し余裕のある印象を与えている。

画像7


DESIGN❽

・ペンキや絵の具で塗ったようなテクスチャに写真をはめ込むことで、写真が描かれたようなかわいらしいデザイン。
・メイン画像の花の花びらや葉をサイトに散らしたり、花のイラストを背景にさりげなく取り入れることで、全体的に統一感のある優しい雰囲気。

画像8


DESIGN❾

・洋服をパズルのように並べた中にキャッチも整列させた、きっちりと整ったデザイン。まっすぐではなく、斜めに並べることで、スタイリッシュな印象も同時に出すことができる。
・背景がシンプルなため、みせたい対象のものを目立たせることができる。
・服の種類などの詳細は、下にまとめて記載することで、ごちゃごちゃせず
きれいに伝わりやすくなっている。

画像9


DESIGN❿

・深みのある鮮やかな植物の背景のフレームの中にある、イベントの基本情報がぱっと目に入り、一番見てほしいところに目線誘導されるようなデザイン。
・丸みのある牛のシェイプを取り入れることで、四角いフレームの堅いイメージを柔らかくしている。
(スペインの農業の現状を市民に知ってもらうことを奨励したイベントのポスター)

画像10


-END-


この記事が気に入ったらサポートをしてみませんか?