『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン。得意を活かした企画に挑戦中！

名言デザインギャラリー（デザイン練習お題）

Webデザイン独学のアウトプット
公開日:2021/05/06｜最終更新日:2021/10/13

名言デザインギャラリー（デザイン練習お題）

こんにちは。フクモト学長（@WebcreatorsTips）です。
Webデザインとビジネスに特化したオンラインスクールを運営しています。

未経験からフリーランス歴 15年Webデザイナーのプロフィール

詳しいプロフィール @WebcreatorsTips

このページでは、「偉人の名言」をお題にデザインの練習をしてみよう！
という呼びかけに参加してくれたスクールのメンバーやメルマガ読者の方の作品を紹介します。

名言をお題にデザインの練習をするメリットはこちらの記事で書いています。

デザイン初心者の練習お題は「偉人の名言」がおすすめ！

デザイン初心者の練習お題は「偉人の名言」がおすすめ！

デザイン初心者の練習には「偉人たちの名言」をお題にすると取り組みやすいですよ。継続することでデザイン力アップ。ポートフォリオやブログに掲載しやすい制作物ができ、仕事獲得にもつながります。ライバルよりも1段階も2段階も！デザインのレベルを上げ、仕事を得ていき、そして制作単価を上げましょう！

ふと目にした名言で気持ちが楽になったり、背中を押さたり、勇気が湧いたり、、、
そんな経験はありませんか？
偉人の言葉って不思議な力を感じます。

みんなのデザイン作品が、その「ふと目にした名言」になれば嬉しいです。
※随時更新予定です！

名言デザインギャラリー

アーネスト・ヘミングウェイの名言デザイン — 顔のシルエット自体のサイズ、文字とのバランスを意識してレイアウトしました。配置している植物素材は私の仕事部屋の植物です。

アインシュタインの名言デザイン

ゲーテの名言デザイン — 全体的にポップに、楽しさが伝わるようなイメージで作り、テキストの強調と、テキストにシャドウが入りすぎないようにも意識しました。

アインシュタインの名言デザイン — 自転車からイメージを膨らませて新緑や山を思わせるような背景を考えました。余白をとりたいので名言テキストの大きさに迷いました。

ルイスキャロルの名言 — 矢印や言葉の内容の方向性が合っているように思いました。
矢印の上の赤い文字が沈んで見えるのでに白でふちどりをつけました。

アインシュタインの名言デザイン — 本の画像の大きさ・配置場所に悩みました。本の画像を配置したことによって「情報は知識にあらず」がみにくくなってしまったため、文字に白の境界線をつけ、シャドウ（内側）で文字自体をはっきりさせ、奥行きを出しました

ゲーテの名言デザイン — 雲の中、光をさすような画像にしたかったので、ブラシで光部分を描き、フィルター・ぼかし（放射線）で光の筋が見えるように工夫しました。元の雲の背景画像だと光が目立たなかったため、黒で塗りつぶしたレイヤーを不透明度を下げて配置してます。ネットでフォトショップの色々な手法を（今回は光の筋の描き方）調べてやってみるのは勉強にもなり、楽しかったです。

ゲーテの名言デザイン

ゲーテの名言デザイン

ゲーテの名言デザイン

アインシュタインの名言デザイン — 罫線と文字を練習したかったのでこのレイアウトを選びました。全体の色味を透明感のある紫っぽく（宇宙に焦点を当てたい）したかったので背景画像に少し濃いめを青色をのせました。

アインシュタインの名言デザイン — 価値があるという言葉から、自然の画像を選択しました。人生の価値を画像で表現することが難しかったです。文字のインパクトと喧嘩しないように、なるべく近い色味のものを選び、透過度をあげました。

ルイーザメイオルコットの名言デザイン — 空の写真が素敵で、希望を表現する光る鳥を飛ばせたいと思いチュートリアルを調べて見よう見まねで鳥の写真に効果を加えてみましたが、もう少しキラキラしても良かったかなと思いました。テキストは雲の部分と空の部分で色分けして、意味を強調してみました。

ルイーザメイオルコットの名言デザイン — 雲の中に青空が見えるイメージで作りました。いつも『＃名言デザイン』を入れる場所に悩みます。今回は単調なレイアウトなのでアクセントとして置いてみました。

ココシャネルの名言デザイン — 名言が違和感ないような画像を探しました。見本のように縦書きにするより横書きのほうがスッキリまとまると思いました。エレガンスさを表現するのにテキストサイズを大きすぎない、小ささすぎないように考えました。

ココシャネルの名言デザイン — テキストのバランスを注意して読む順番を迷わないよう配置を考えました。画像の女性が希望を持っているように表現したかったので右の光から明るくなるようにグラデーションで工夫しました。

ニーチェの名言デザイン — どこに行き着くのかという、未知の世界を表現したく、参考の宇宙の画像を選びました。これまで、Instagramサイズで制作していたで、バランスをとるのが難しく感じました。空いたスペースもデザインするように、意識しました。

アインシュタインの名言デザイン — 明るい未来の印象を表現しよう思い、桜の背景と鳩のような鳥を選びました。強調する言葉に罫線（点線）を配置しました。点線とテキストのバランスをとるのが難しく時間がかかりました。

Photoshop練習中です。文字数が多く、全て同じ文字の大きさだと単調になるため、最後の一文だけ文字サイズを大きくしてみました。

名言デザイン配色 — 本の装丁のような帯に銀色のラインのようなものを入れてみたかったのですが、線が細すぎるのか上手く作れませんでした。上手下手はともかく、久々に作る時間ができて触っていて楽しかったです。

アリストテレスの名言デザイン

ゲーテの名言デザイン

ココシャネルの名言デザイン

50代女性の素材画像を検索して、
イメージに合った画像を元に名言を自分なりに表現したデザインにいたしました。 — 50代女性の素材画像を検索して、イメージに合った画像を元に名言を自分なりに表現したデザインにいたしました。

20代の顔は自然の贈り物。50代の顔はあなたの功績よ。ココ・シャネル

最初は戸惑いましたがやっているうちにどんどん楽しくなってきました。かのダ・ヴィンチの、しかも『シンプル』『洗練』という言葉がとても重いので、その雰囲気を壊さないようにするためにはどうすればいいかを考えました。

サイケデリックな感じの背景が合うと思い、同じ感じのテイストの
画像を探した。フォントは普通の明朝系にしていたが、背景に負けてしまっていたので、個性的なものに変更してみました。 — サイケデリックな感じの背景が合うと思い、同じ感じのテイストの画像を探した。フォントは普通の明朝系にしていたが、背景に負けてしまっていたので、個性的なものに変更してみました。

デザインの練習に、名言をつかうアイディアにとても感動しました。
思いつかなかったし、練習材料として前向きな気分になれる題材だと思います。 — デザインの練習に、名言をつかうアイディアにとても感動しました。思いつかなかったし、練習材料として前向きな気分になれる題材だと思います。ファンタジーなイメージにしたいと思い、写真の設定や、星などのカラー・フィルター設定を工夫しました。

メインの名言の可視性が苦労した点です。
境界線を不透明度を低く追加させて読みやすくしました。
工夫した点は、白グラデーションで名言の「〜のように」という回想しているイメージを与え、長方形で抜き文字のオブジェクトを回転させ、少し遊ばせてみました。 — メインの名言の可視性が苦労した点です。境界線を不透明度を低く追加させて読みやすくしました。工夫した点は、白グラデーションで名言の「〜のように」という回想しているイメージを与え、長方形で抜き文字のオブジェクトを回転させ、少し遊ばせてみました。

Webデザイナーのデザイン練習

Webデザイナーのデザイン練習

Webデザイナーの練習お題

Webデザイナーの練習お題

Tomoko Fukumoto

Webもデザインも未経験からフリーランス歴15年 。『仕事は自分で創りだす』をモットーに生きてきた50代。2013年⇒Webクリエイターズスクール設立。

Webデザインスクール卒業後、仕事に繋げられない迷子さん、独学、在宅、フリーランス、SNSに頼らず仕事を得たい人を対象に「学んだ事を安定的な収入にする方法」や仕事獲得につながる営業方法をお伝えしてサポートしています。

web-creators-online.com/profile/

デザイン初心者の練習お題は「偉人の名言」がおすすめ！

新米クリエイターズ Webメディア部

『自分の仕事は自分でクリエイト』を目指す新米クリエイターたちのアウトプット用Webマガジン。

Web・DTPデザイナー・会社員・アルバイト・ライター・ブロガー・主婦・子育てママ...etc。
現在の肩書きは違えど目指すところは皆「フリーランスのWebデザイナー（クリエイター）」

日々の学びやお役立ち情報をブログで発信・アウトプットをしながらWebの世界でコンテンツを配信する、
Webサイトを運営する、アクセスを集めるってどんなことなのか？を体感していきます。

新米クリエイターならではの気づきや学び、Webデザイナーの腕を磨いていく模様をリアルに感じていただけます！