[{"data":1,"prerenderedAt":32},["ShallowReactive",2],{"post-8-logo-design-processes-to-extract-creative-ideas":3},{"id":4,"createdAt":5,"updatedAt":6,"publishedAt":7,"revisedAt":7,"title":8,"body":9,"categories":10,"author":12,"thumbnail":24,"ogpImage":28},"8-logo-design-processes-to-extract-creative-ideas","2024-03-13T00:51:32.609Z","2024-04-16T07:54:22.480Z","2024-04-16T03:00:05.298Z","クリエイティブなアイデアを引き出す8つのロゴマーク制作プロセス","\u003Cp>ロゴを作成するとき、「どのように作ったら良いかわからない」「デザインが思い浮かばない」といった悩みで、思うように作業が進まない方も多いのではないでしょうか。\u003C\u002Fp>\u003Cp>この記事では、初めてロゴデザインに挑戦した私の体験をもとに、制作のプロセスに沿って具体的な進め方や、使用したツール、つまづきやすいポイント、悩んだことなどをご紹介します。\u003C\u002Fp>\u003Cp>ロゴがどのように作られているか興味をお持ちの方や、これからロゴデザインに挑戦したい方、デザイナーを指導する立場の方の参考になれば幸いです。\u003C\u002Fp>\u003Ch2 id=\"h14bcfa2e5f\">ロゴのコンセプトと完成形\u003C\u002Fh2>\u003Cp>まず、ロゴ制作のプロセスを紹介する前に完成形をご覧ください。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fe11dbf92d4994971999b48d3df34fe5f\u002FFrame%201519.png?w=664&h=339\" alt=\"\" width=\"664\" height=\"339\">\u003C\u002Ffigure>\u003Cp>本オウンドメディアcho-menのロゴマークです。モチーフは吹き出しです。著者と読者が書く・読むことにより知識や技術を学び、互いに意見を交換し、影響し合う関係をイメージしています。色はcho-menという古風な響きから、歴史を感じさせる深みのある青と赤紫で配色しています。ロゴタイプは、記事を「書く」表現から手書きで書かれているような筆記体のフォントを選定しました。\u003C\u002Fp>\u003Ch2 id=\"hfb187ee8df\">ロゴ制作のプロセス\u003C\u002Fh2>\u003Cp>これからご紹介するロゴ制作のプロセスは一例であり、多様なアプローチが存在するため、唯一の方法ではありません。ロゴデザインに興味を持つ方への1つのヒントになれば幸いです。\u003C\u002Fp>\u003Ch3 id=\"h63781959a2\">キーワードを連想する\u003C\u002Fh3>\u003Cp>実際のデザインに着手する前に、マインドマップを活用してモチーフとなるキーワードを連想します。マインドマップとは、中心のテーマから連想したキーワードを放射線状に結ぶ図のことです。アイデアを出しやすくなったり、視覚的に整理しやすくなったりします。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fa2a67447e5dc4372a2a742378e0d55bd\u002FIMG_2381.jpg?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>マインドマップを作成する手順は、以下の通りです。\u003C\u002Fp>\u003Col>\u003Cli>中心となるテーマを決める\u003C\u002Fli>\u003Cli>テーマから連想したキーワードを線で繋げて書く\u003C\u002Fli>\u003Cli>連想したキーワードから、さらに連想したキーワードを線で繋げて書く\u003C\u002Fli>\u003C\u002Fol>\u003Cp>テーマは基本的にサービス名やクライアントにヒアリングした際に出たキーワードを使います。ここではブログ名の由来である「帳面（cho-men）」としました。\u003C\u002Fp>\u003Cp>次にテーマから連想したキーワードを線で繋ぎます。マインドマップからアイデアを複数出すことが目的のため、キーワードを大量に出すことを前提とします。一見、関係が薄いと感じるものでも気にせずに書き込みましょう。\u003C\u002Fp>\u003Cp>さらに連想されるキーワードを線で繋げて書きます。今回の場合は、テーマから「ブログ」というキーワードを連想しました。ブログはインターネットがないと読めないので、ブログから「インターネット」を繋げます。次にインターネットを利用する目的としては、情報を発信することが考えられます。結果、「ブログ」→「インターネット」→「発信」のようにキーワードを挙げられました。連想ゲームをイメージして書くと、キーワードが思い浮かびやすいです。\u003C\u002Fp>\u003Cp>コツは、きれいな形にこだわらないことです。見栄えを気にすると時間がかかってしまいます。なぐり書きで良いのでとにかく思いつくものを全て書いてみましょう。\u003C\u002Fp>\u003Cp>実際に作成してみると、行き詰まっていたアイデアがスムーズかつ大量に思い浮かぶようになりました。ロゴ以外にもデザインのアイデア出しにマインドマップは使えると思いますので、今後も活用していく予定です。\u003C\u002Fp>\u003Ch3 id=\"haf5cd1a018\">ラフを作る\u003C\u002Fh3>\u003Cp>次に、マインドマップを活用してラフを作ります。ラフは大まかなデザインの下書きのことで、アイデアの比較や方向性の検討に使います。\u003C\u002Fp>\u003Cp>マインドマップで出した大量のキーワードを組み合わせてラフを作っていきます。同じキーワードでも、ポップ、可愛い、モダン、クールなど、テイストを変えるとどうなるか考えるのも効果的です。\u003C\u002Fp>\u003Cp>ウェブサイトで使うロゴの場合、favicon（ブラウザのタブやブックマークした時に表示されるウェブサイトのアイコン）にした時に細部が潰れてしまわないことを考慮してデザインしましょう。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fc2a6ca1d7eea44098e76f9cc35da09eb\u002FIMG_2383.jpg?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003Cfigcaption>ラフの一部\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cp>ロゴを作り慣れていない段階では、初めから品質の高い成果物を生み出すことは困難です。まずはラフを大量に作ってみたり、世の中に出ているロゴを参考にしたりすることをおすすめします。\u003C\u002Fp>\u003Cp>ある程度の量のラフが書けたら、候補になりそうなものをデジタルでトレースします。他の案と比較・検証が素早くでき、デザインの修正がしやすくなります。デジタルで直接ラフを作ると、ソフトに備わっている図形ツールや機械的な線を使った単純な表現になる可能性があるので注意しましょう。\u003C\u002Fp>\u003Cp>実際にトレースしてみました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F127483c57e5843a8ac95a601dd461c0d\u002Flogo100.png?w=664&h=374\" alt=\"\" width=\"664\" height=\"374\">\u003C\u002Ffigure>\u003Cp>ラフの段階では良いと感じていた案でも、トレースすると手書き特有の筆圧がなくなり、思っていたより安っぽく見えてしまうことがある、という個人的な気づきがありました。とはいえ、他の案と組み合わせられる可能性があるので、削除せずに残しておきましょう。\u003C\u002Fp>\u003Ch3 id=\"h5b19506a24\">方向性を決める\u003C\u002Fh3>\u003Cp>トレースした中から、同じ方向性のラフを7つのグループに分けました。\u003C\u002Fp>\u003Col>\u003Cli>\u003Cstrong>2つのオブジェクトの関係性\u003C\u002Fstrong>\u003Cp>現在のロゴのコンセプトと同じ、著者と読者の関係性をイメージしています。\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cstrong>木、枝\u003C\u002Fstrong>\u003Cp>本ブログは複数の著者が関わっており、それぞれ異なる考え方があるので、図形の数や大きさで多様性を表現し、記事を書いて知識や技術を学び成長する過程を木で表現して組み合わせています。\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cstrong>本から飛び出す表現\u003C\u002Fstrong>\u003Cp>著者と読者が記事を書く・読むことで「学ぶ」や「感じる」といった体験をイメージしています。！（ビックリマーク）やノートに関連したペンなどで組み合わせています。\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cstrong>文字の表現\u003C\u002Fstrong>\u003Cp>cho-menの「c」や帳面の「帳」、ひらがなの「ち」やカタカナの「チ」といった文字で表現しています。ノートやペン、電球、紙などの形から作成しました。\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cstrong>！（ビックリマーク）\u003C\u002Fstrong>\u003Cp>3と似ていますが、気づきを！（ビックリマーク）に見立てています。\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cstrong>照明・ライト\u003C\u002Fstrong>\u003Cp>本を照らすデスクランプを表現しています。\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cstrong>綴じ方の表現\u003C\u002Fstrong>\u003Cp>ノートの綴じ方に着目し、あじろ綴じの凸凹感や糸綴じを表現して作成しました。\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F6cdf5f764e314668b5aa2caa1a5fcc52\u002Flogo_direction.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>チームで話し合った結果、グラフィック的に面白く、シンプルで視覚的に覚えやすい案を2つ選びました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F0447f9d5a6114ff9891647aed7bb3e94\u002Flogo_narrow-down.png?w=664&h=374\" alt=\"\" width=\"664\" height=\"374\">\u003C\u002Ffigure>\u003Ch3 id=\"hd1f990bc7e\">形を検討する\u003C\u002Fh3>\u003Cp>次にデザインを詰めていきます。ベクターデータの編集に向いており、細かなデザインや微調整がしやすいIllustratorで作業しました。\u003C\u002Fp>\u003Cp>まずは考えられる形をいくつか作成し、比較検討をしました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F092e13c8aaa3422b849d296971b2e234\u002Flogo_pattern-b.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003Cfigcaption>2つのオブジェクトの関係性（吹き出し）の案\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F616302f828e6482a80785e3fb0547a82\u002Flogo_pattern-a.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003Cfigcaption>木、枝の案\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cp>1つ目の吹き出しの案は、2者の関係性が影響し合うことをコンセプトにしているため、流体シェイプが混ざり合う形を選びました。\u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F14647b79c0724e5e8ad513b7d038de3e\u002Flogo_pattern-b-decision.png?w=664&h=374\" alt=\"\" width=\"664\" height=\"374\">\u003C\u002Ffigure>\u003Cp>2つ目の木、枝の案は「成長」の意味合いがある葉の形を選びました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F390a5aee9d19412cb187bb5d1411f728\u002Flogo_pattern-a-decision.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>2つの案を見比べた結果、葉の形はエコの意味合いが強く、cho-menのコンセプトから離れて捉えられる可能性が高いと感じました。そのため、葉の案は捨てて吹き出しの案を詰める方向にしています。\u003C\u002Fp>\u003Ch3 id=\"h5f0ff6c5ae\">色を検討する\u003C\u002Fh3>\u003Cp>形が決まったら色を決めます。単色からグラデーション、さらにトーンを変えて検討をしました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fe3a54ad554aa4f70a40d8a66a75faa62\u002Flogo_pattern-b-color.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003Cfigcaption>目が痛くなるほど検討しました\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cp>100パターン以上を検討した結果、cho-menの古風な響きから着想を得て、日本の伝統的な花である桔梗やツツジのような色にしました。\u003C\u002Fp>\u003Ch3 id=\"ha655bdb99d\">清書をする　\u003C\u002Fh3>\u003Cp>形や色が大まかに決まったので、清書作業に着手します。清書はペンツールを使って整えるだけでなく、黄金比を使いました。\u003C\u002Fp>\u003Cp>黄金比は、建築やデザインなど様々な分野で使われており、人間が最も美しいと感じる比率（1:1.618）です。この比率を使うことで、デザイン全体が調和し、美しく洗練された仕上がりになります。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fda0fe01a8aac466a8749f2f89b265905\u002Flogo_golden-ratio1.png\" alt=\"\" width=\"1280\" height=\"720\">\u003Cfigcaption>黄金比\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Cp>黄金比を作成する手順は、以下の通りです。\u003C\u002Fp>\u003Col>\u003Cli>正方形を作る\u003C\u002Fli>\u003Cli>複製し、重ねる\u003C\u002Fli>\u003Cli>複製した正方形の左上の角を丸くする\u003C\u002Fli>\u003Cli>2つの図形を複製する\u003C\u002Fli>\u003Cli>複製した図形を1.618の値で割る\u003C\u002Fli>\u003Cli>時計回りに回転させ、複製元の正方形と並べる\u003C\u002Fli>\u003C\u002Fol>\u003Cp>先ほど作った黄金比の各正方形に正円を配置しましょう。正円を使うことで、バランスの取れたロゴが作りやすくなります。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F17e4214d861e4376a223fe6842b61ab7\u002Flogo_golden-ratio2.png\" alt=\"\" width=\"1280\" height=\"720\">\u003C\u002Ffigure>\u003Cp>この正円を抜き出し、中心点を基準に重ねます。色はわかりやすいように7色つけると良いでしょう。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F97e8b48692304220a458dd471dfd9666\u002Flogo_golden-ratio2.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>次にラフのデータを取り込みます。ラフに色が入っていると円の色が分かりづらくなるため、一旦無彩色に設定します。\u003C\u002Fp>\u003Cp>今回、2つのオブジェクトを対照的な関係にしたかったため、まず左側を作ります。後で右側に複製・反転させて配置する予定です。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F00a4a7c9d07f40dd894326a7eda2258d\u002Flogo_golden-ratio3.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>曲線に合いそうな円を選んで重ねます。なるべくラフの曲線に合うように配置してください。\u003C\u002Fp>\u003Cp>\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F14d4921177384915a77d8e4bfaca11d7\u002Flogo_golden-ratio4.png\" alt=\"\" width=\"1280\" height=\"720\">\u003C\u002Ffigure>\u003Cp>シェイプ形成ツールを使ってシェイプを結合し、不要な線を削除します。選択ツールで全て選択すると、操作できるようになります。結合したい箇所にカーソルを合わせると、チェックのような柄が表示されます。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F7d2e9d4e934942188df21664d1985dc4\u002Flogo_golden-ratio5.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>ドラッグすると、隣同士のシェイプを結合することができます。黒色が結合した部分です。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F43bfd6c551304e488f98a0cac4f23d6d\u002Flogo_golden-ratio6.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>結合し、不要な線を削除しました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fbe5bc5f21d964db79b472528ebebc0a1\u002Flogo_golden-ratio7.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>細部を調整し、右側も作りました。色も元の色に戻しています。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F27171439a58849948486a2dc18eb9255\u002Flogo_golden-ratio8.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>調整前と比べると曲線が綺麗に整い、より洗練された形に仕上がりました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fb74caa5761a94264a0dbddb836dda611\u002Flogo_pattern-b-typo.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Cp>初めて黄金比を使ったので、最初は使い方や円の配置の仕方がわからず、何度もやり直しました。綺麗な形が作れるようになるには、数をこなして慣れることが重要だと感じました。\u003C\u002Fp>\u003Ch3 id=\"hd55c10c12f\">フォントを選定する\u003C\u002Fh3>\u003Cp>次にロゴタイプを作ります。ロゴ上での「cho-men」の表記について、以下の点を検討しました。\u003C\u002Fp>\u003Cul>\u003Cli>cho-menの「c」が小文字の場合（cho-men）\u003C\u002Fli>\u003Cli>cho-menの「c」が大文字の場合（Cho-men）\u003C\u002Fli>\u003Cli>cho-menを全て大文字にした場合（CHO-MEN）\u003C\u002Fli>\u003C\u002Ful>\u003Cp>検討した結果、cho-menの言葉の響きから可愛らしさを表現したいと考え、全て小文字の案を採用しました。\u003C\u002Fp>\u003Cp>フォントはロゴマークの親しみやすいイメージから、サンセリフ体の中から検討しています。その結果、記事を「書く」行為がイメージしやすい、手書き風フォントのPacificoを選びました。\u003C\u002Fp>\u003Cp>また、フォントの比較以外に、実際にロゴマークと並べてみてどれが1番しっくり来るかも試しました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F07c5b9aa62cc400595338d0253bee85e\u002Flogo_pattern-b-type.png?w=664&h=374\" alt=\"\" width=\"664\" height=\"374\">\u003C\u002Ffigure>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F2d02cdda596641f8be1326467d23c1dd\u002Flogo_pattern-b-typo.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003Cfigcaption>完成形\u003C\u002Ffigcaption>\u003C\u002Ffigure>\u003Ch3 id=\"hf4af952e84\">ガイドラインを作る\u003C\u002Fh3>\u003Cp>ロゴが完成したので、ガイドラインを作ります。ガイドラインは、ロゴの使用ルールをまとめたものです。\u003C\u002Fp>\u003Cp>ロゴは自社以外が管理するウェブサイトや、ウェブサイト以外の媒体でも使う可能性があります。さまざまな利用パターンに対応するため、縦組み・横組みのレイアウト、ロゴの周囲の余白（アイソレーション）などを決めておきましょう。ルールを明確にしておかないと、他者がデータを使用する際に、意図と異なる配置の仕方をされてしまう可能性があります。基本的にロゴを作る際は、ガイドラインも一緒に用意しておきましょう。\u003C\u002Fp>\u003Cp>今回は、縦組みや横組み、シンボルマークのみの使用、ダークモード、faviconでの使用を想定して作りました。\u003C\u002Fp>\u003Cfigure>\u003Cimg src=\"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Faac87caaad124611976ad45acf731ecf\u002Flogo_guideline.png?w=664&h=373\" alt=\"\" width=\"664\" height=\"373\">\u003C\u002Ffigure>\u003Ch2 id=\"h24e4309f84\">初めてロゴを制作してみて\u003C\u002Fh2>\u003Cp>ロゴを制作してみると、想像以上に時間がかかることに気づきました。簡単に作れると思っていたロゴが、実際は丁寧なプロセスを経て作られていることを知るきっかけになりました。\u003C\u002Fp>\u003Cp>デザインをする上で、「自分でもできそうだと思っていた表現が実際に手を動かしてみると思ったより難しかった」ということはよくあります。私も同様の経験をしており、手を動かしてみることの重要性を痛感しています。デザイン力は、単に見るだけでは身につきません。実際にアウトプットして経験を積むことが必要です。\u003C\u002Fp>\u003Cp>最初は失敗したり、挫折したりすることがあると思います。ですが、成長する上で必要な過程であり、自分自身を超える力を身につける工程でもあります。ぜひ、挑戦を恐れず自分の可能性を広げていってください。\u003C\u002Fp>",[11],"デザイン",[13],{"id":14,"createdAt":15,"updatedAt":16,"publishedAt":15,"revisedAt":16,"name":17,"job":18,"avatar":19,"profile":22,"xId":23,"githubId":14},"naramochi","2024-02-14T01:35:50.107Z","2024-02-21T09:39:03.560Z","奈良 葵","ウェブデザイナー",{"url":20,"height":21,"width":21},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002Fcb42ef4d6bcf42d19aa072be665661ab\u002Fnara.aoi.jpg",512,"栃木県出身、2000年生まれ。日本工学院八王子専門学校のWebクリエイター科を卒業後、新卒で合同会社世路庵にウェブデザイナーとして入社。ウェブデザインはもちろん、コーディングやグラフィックデザインなど幅広い領域に対応できるデザイナーを目指している。","_naramochi",{"url":25,"height":26,"width":27},"https:\u002F\u002Fimages.microcms-assets.io\u002Fassets\u002F2e326e11eb0942a5ad843f163281c5af\u002F5ab59cc6e1fb4b0b943bd88eed7cbbdc\u002F8creative-processes-logo-design.jpg",720,1280,{"fieldId":29,"type":30},"ogpImage",[31],"タイプ1（タイトルのみ）",1776401660706]