どうすれば創造的であることを学ぶのですか？

私は生涯プログラマーでしたが、今では本当に自分のものを設計し始める必要があることがわかりました。Photoshopの内外での使用方法は知っていますが、素敵なものを作成することはできません。私は頻繁にドリブルを訪れ、インスピレーションを得ようとしますが、彼らの創造性に圧倒されます。彼らはどのようにしてこのようなものを思いつきますか？

色理論などの設計の基礎を学ぶことに加えて、オリジナルで見栄えの良いデザインを思い付く最良の方法は何ですか？Photoshopでデザインする前に、デザインを鉛筆と紙で描く必要がありますか？私は主にインターフェース設計について言及しています。最近、ランダムなDribbbleインターフェイスデザインを見つけて、それらをゼロから複製しようとしています。私はしばしば成功していますが、自分でそれを考え出すことができなかったことを知っています。

別の質問は、クリエイティブがどのようにそれを行うかです。

彼らは最初に頭の中でデザインを想像し、次にそれを紙に描き、次にPhotoshopを描きますか？

それとも、Photoshopに行って、何かいいものが出るまで遊んでいるだけなのでしょうか？または何？

あなたがプログラマーなら、あなたはすでに創造的です。プログラミングは最も創造的な職業の1つです（それ以外の場合、「エレガント」という言葉がなぜこれほど高い称賛の言葉になるのでしょうか？）。それだけです。

これを絞り込みましょう。目に見えない優れたコーディングの芸術ではなく、既存の創造性を視覚芸術に導くルートが必要です。

プログラミングと同様に、ビジュアルデザインには独自の基礎と技術があります。それは良いことです。それは、学習可能なルールと教えられるスキルがあり、それらが一晩で世界的に有名なUIデザイナーにならないかもしれないが、少なくともあなたを「有能」にさせるからです。あとは、あなた次第です。

スキルを習得するための一般的なルール：発信（独自のゼロからの設計を作成）する前に、複製（他の人が行ったことを正確に再現）できる必要があります。これはアート、音楽、プログラミング、その他すべてに適用されます。

優れたビジュアルデザインの優れた紹介（および継続的な参照）については、Before and After Magazineを購読するか、John McWadeの優れた書籍「Page Design」および「How to Design Cool Stuff」を購入して読んでください。ロビン・ウィリアムズの「The Non-Designer's Design Book」を 購入し、読んで、もう一度読んでください。

UIについては、Joel Spolskyのすばらしい記事「より良いことをする人のためのデザイン」をご覧ください。これはおそらく、すべてのUIデザイナーが知っておくべき大事なものに関する最良かつ最も簡潔な説明です。

すでに行っているように、上記の調査をいくつか行ったら、優れたUIデザインを検索し、それがどのように行われたかを把握してください。それらを正確に再作成します。その過程で、次の3つのことが起こります。

1. 学習している設計の基礎を実際の例に関連付けます。原則と適用が一緒になると、原則は心の中に深く埋もれてしまい、もはや覚えておく必要がなくなります。それはあなたが自動的に考えるものになります。

2. コーディングで毎日作業するアルゴリズムやプログラミングショートカットのプログラミング用語と同様に、テクニックの用語を作成します。

3. あなたはあなた自身のアイデアに自信を持ち始めます。少なくとも1つの "aha！"があることを保証します。瞬間、成功したUIデザインを見て、「やあ！それ以上のことができた！」あなた自身のデザインが生き返り、あなたはあなたの道にいるでしょう。

乗車方法をお知らせください。

[2014年12月29日編集] より深い扱いに興味がある人のために、この答えをcreativepro.comの完全な記事に拡張しました。

私の答えはあなたの質問に部分的に関連していますが、私は自分自身を数えるためのモチベーションが必要であり、あなたもいくつかを必要としていると感じています。

あなたは創造的ですか？

絶対に！

想像力を使って信念を変えてください。あなたの考えに時間を与えてください。

私がこの分野の初心者だったとき、同じことが頭にありましたが、時間がたつにつれて、私だけがこれらのことを時間で解決できることを知りました。注意を払って、あなたの過ちを受け入れてください。誰も完璧ではありません; 時間と経験は私たちを群衆の中で際立たせるものにします。

すべてを知っている母親の子宮から出てくる人はいません。

多くの人々は、創造性はあなたが生まれたものだと信じています。それはある点には当てはまりますが、少しの練習/知識で改善できることもあります。

創造性はただ起こるだけではありません。代わりに、意識的に作成する必要があります。そして、それは直感に反するように聞こえるかもしれませんが、創造性を促進する1つの方法は、意図的な儀式を通してです。

創造的であることを学ぶ方法：

クリエイティブになるための最初のステップは、「私はクリエイティブではない」という言葉をあなたの語彙から取り除くことです。真剣に、それらを言ってはいけない、あなたの頭の中でそれらを言ってはいけない。

今、あなたはあなたのニッチの他の人々が何をしているかを見始める必要があります。オンラインで調べたり、本を読んだり、テレビ番組を見たりします。彼らが何をしているのかを見るほど、彼らがどのように考え、どのように創造的なアイデアを思いついたのかを感じることができます。

完全にリラックスできる方法や場所を見つけてください。これは重要ですので、あなたの心がアイデアを思い付くことができます。入手したら書き留めてください。私にとって、リラックスできる場所は、静かで日当たりの良い自然の中、または自分で自転車で長いドライブをするときです。

毎日いくつかのアイデアを書き留めてみてください。愚かなアイデアのように見えても、とにかく書き留めてください。それは漸進的なプロセスです。前の週の以前のアイデアを展開します。

似たような人が何をしているか、どのように創造的であるかを読んで観察し、考えを書き留めるリラックスした場所を見つけ、満足のいく結果が得られるまで毎日いくつかのアイデアを書き留めるプロセスを繰り返します。数週間または数ヶ月かかる場合がありますが、これは、より創造的になるためにあなたが心に留める必要がある訓練プロセスです。

物事を別の角度から見ることも、創造性に大きな違いをもたらす可能性があることを忘れないでください。他の人が同じ方法で何かをしている方法に疑問を投げかけ、違うことをして別の方法でそれを行うとクールなものが生まれるかどうかを確認します。

ソース（誰でもクリエイティブになれる！）

創造性の欠如は、次の2つのことから生じます。

• 社会的条件付け：

私たちは生まれた日から、何をすべきか、どのように生きるか、何が正しいか、何が間違っているかを教えられ始めます。私たちは、何をすべきかを教えてくれる他の人を受け入れるように訓練されています。私たちは規則とシステムに従うよう訓練されており、時には理由が説明されないこともありますが、それが「物事のあり方」であり、物事のあり方であると言われるだけです。

言い換えれば、自分自身で考えることはほとんど教えられません。私たちは遊び方や創造性を真剣に教えられているわけではありません。多くの場合、自由な思想家や創造的な人々は多くの判断と批判に耐えなければなりません。

• 自己制限の信念：

この社会的条件付けのため、私たちの思考プロセスは非常に限定的で制限されているため、創造的であることの本当の経験はありません。私たちが時々箱の外をさまよい、創造的になろうとすると、うまくいかないか、恐ろしく出てきて、私たちは創造的でないという信念を確立し始めます。試行錯誤すればするほど、創造性がないという信念を確認します。

この自己制限的な信念がいったん確立されると、破ることは難しく、私たちはしばしば、もはや創造性を必要とすることをしようとさえしないことになります。

おそらくこの質問の複製Programmers.stackexchange.com 彼らの未解決の回答を見る

より多くのインスピレーションについては、これらの記事をお読みください：

1. 内なる創造性を受け入れる方法
2. 10冊の無料電子ブッククリエイティブWebデザイナー
3. Programmers.stackexchange.comからの回答

（changethis.comの記事を読んでください。ロケットのようにあなたを後押しします）

少なくともこれらすべてを読むことで、自分自身に変化が見られ、やがて忍耐強くなると、やがてより創造的になることを願っています。

あなたの質問は創造的な方法ではなく、視覚的に魅力的なコンテンツを作成する方法に関するものだと思います。

私は多くの優れたまたは才能のあるグラフィックデザイナーを知っていますが、創造的ではありません（革新的であり、独創的であるという意味で）。

今、私の経験から、視覚的に魅力的なコンテンツを作成できる人は、それがコンピューターグラフィックス、絵画、落書きのいずれであっても、生まれつきの才能を持っています。多くのプログラマーがこの自然な才能を発揮しますが、ほとんどはそうではありません。

あなたがある程度才能があると信じているなら、それはあなた自身を訓練するだけの問題です。デザインマガジンを読んで（「SmashingMagazine」は開始するのに適した場所です）、毎日CSSギャラリーにアクセスし（私のお気に入りはCSSremixとWeb Creme）、そこに表示される視覚効果を再現する方法を教えるチュートリアルを見つけます。

別の重要なことは、美しさの背後にある理論を理解することです。タイポグラフィ、空白、UIデザイン、UX、および使いやすさについて読んでください。また、Binpressのブログもご覧ください。開発者向けのデザインシリーズが登場します。

私には、あなたは自信に欠けているように聞こえます。

プログラミングの難しい部分はもう1つ習得しています。アランが既に述べたように、プログラミングは創造的な仕事です。

私のヒント：シンプルに保ち、レイアウトに関する基本的なルールを学び、独自のスタイルを見つけてください。この本：サイトのデザインは、私のデザインの構造と、この本のために私をたくさん助けた：アイデアブックは、デザインのインスピレーションを得るために私を助けました。

私の意見では、ドリブルのようなサイトでインスピレーションを見つけようとするのは問題ありませんが、初心者はみんなの仕事が自分の仕事よりも良いと思う傾向があるため、落胆させることもあります。加えて、私はリンゴとリンゴを比較したいのですが、初心者の仕事と経験豊富なデザイナーの仕事を比較することはできません。自分自身に少しでも学ぶ機会を与えてください！

あなたの質問の範囲は少し広いですが、私がどのようにインターフェース設計に着手したかを説明してみましょう。私は何年も個人のWebプロジェクトに取り組み、Photoshopを使用して特定の結果を作成する方法に関するチュートリアルのあるサイトにアクセスすることから始めました。

その後、関連する分野（マルチメディア）で学士号を取得し、かなりの量の正式なデザイン教育を受けました。これはいくつかの理由で重要でした。正式な教育はすべてを長々と教えてくれることはありませんが、それはあなたの基本的な見方に大きな違いをもたらします。

優れたデザインについて語るブログに没頭し、優れたデザインを強調するサイトを定期的に閲覧し、優れたデザインを行っている人々と実際に話し合うことに時間を費やすと、最終的に自分の作品が何か良い。その後、時間をかけて良いデザインを生み出すクラフトとテクニックを学ぶ必要があります。そうすれば、あなた自身の仕事は専門的に受け入れられる品質のレベルに匹敵し始めます。

この職業は大したことではありません。デザインに飛び込んで何をしようとしているのかを確実に認識してください。すぐに良い結果が得られません。あなたは本当にひどくあなた自身のものを設計する必要がありますか？

デザイナーというよりもプログラマーである私は、Photoshopの代わりに「ブラウザでデザインする」ことで、クリエイティブなプロセスに役立つことがわかりました。

ボタンやその他のグラフィック要素を作成する必要がある場合、通常はHTMLとCSSから始めて基本的なレイアウトを取得し、Photoshopを使用します。これにより、プロセスが高速化され、開発が大幅に高速化されます。

Photoshopを使用する場合、最終製品は通常Photoshopで思いついたものとは非常に異なります。

新生の創造性を活用しようとする人にとって本当に重要な古い広告の古典があります：ジェームズヤングのアイデアを生み出すためのテクニック

私はそれを他の場所で言及しましたが、ここでYoungのアプローチの高いポイントをヒットします。

1. 原材料を集める：手元の被写体で脳をあふれさせます。

2. 素材のダイジェスト：見つけたものを調べ、接続がどこにあるかを確認します。

3. 無意識の処理：これは、インスピレーションがストライキするのを待つ場所です-しばらく世界に戻ります。

4. インスピレーションのストライキ：潜在意識が完了すると、あなたができるとは思わなかった何かを引き渡します。

5. 現実に直面する：その素晴らしいインスピレーションを取り入れて、そこから何かを使用できるようにします。

Photoshopで再生します。多くの間違いを犯し、多くのデザインをすばやく試してください。彼らがあなたの望み通りにならなくても心配しないでください。それらを終了し、次へ進みます。それらを見る必要があるのはあなただけです。あなたが好きなデザイナーの作品に対してそれらを判断し、彼らがそれを余分なマイルを取るために何をしたかを理解しようとします。

deviantartとbehanceで好きなデザイナーを見つけてから、お気に入りとそれらを刺激する人々を見てください。すぐにたくさんの素敵なデザインを見て、あなたの脳はそれを全部浸します。インスピレーションフォルダを作成し、好きなデザインをすべて保存します。

好きなウェブサイトから要素を切り取ります。たとえば、あるナビゲーションから別のギャラリー画像の境界線、別のソーシャルメディアボタン、お気に入りのフォルダーを作成し、それらをすべてウェブサイトにまとめてみてください。

実験と遊び、その楽しみ:)

通常、インターネットは私の創造性の源ですが、自然に反映することで創造性を高めることができます。

あまり上手く描けませんが、チュートリアルやビデオをどんどん見て、デジタルレルムのために物を作ることに自信がつきました。

DribbbleやDeviantArt以外の私の最高のリソースをいくつか紹介します。

• Web Design Ledger /インスピレーション

• 設計指示

• Slodive Illustratorチュートリアル

• Graphic RiverとGoogleのチュートリアルで自分が自分で作る方法について人々が作成しているものをご覧ください

• This Is Colossalは優れたグラフィックデザインサイトです

• Riven Phoenixで解剖学を学ぶ

• 近代美術館のウェブサイトはGrandeur MOMA.orgです

• 地元の大学で美術鑑賞コースを受講し、次のピカソになりましょう

• 画家ボブ・ロスによると、BuzzFeedには人生に関する素晴らしい記事があります

  buzzfeed.com/awesomer/profound-wisdom-from-bob-ross

どうやら私はより多くのリンクを投稿するためにより高い評判を得なければならないが、あなたはそれらを自分でグーグルで検索することができる。

Youtube Adob​​e Illustratorチュートリアルも役立ちます。Lynda.comは、アドビ製品の使用方法を教えたり、GIMPのオープンソースチュートリアルを探したりします。

そのすべてが詳細に。

ほとんどの創造的な人々は、自分の仕事に詳細を入れる方法を学びます。未創造の人々の仕事は常に未完成に見えます。あなたのデザインを磨くことを学び、それは創造的に見えるでしょう、

つまり：

• それらのエッジを磨く
• シャドウを追加し、必要に応じてハイライトを付けて作品を盛り上げます
• まず、目に見えないグリッドを使用して要素を配置します
• エッジまたは境界線を追加して、要素を結合または分割します

...私が言っていることを知っていますよね？

インスピレーションを得るために他の人の作品を見るために数え切れないほどの時間を費やすことは、あなたを乾かします。他の人々の仕事以外のインスピレーションを求めます。つまり、写真を撮りに行ったり、小説を読んだり、美術館に行ったりします。

私はあなたの質問の「見栄えの良い」部分に関する多くの答えを見ています。創造性については付け加えたいと思います。なぜなら、それらは2つのまったく異なるものだと思うからです。フォトショップのスキルがそれほど良くなくても、人々に印象を与えることができるので、創造性は非常に重要だと思います。たとえconceptい面であっても、良いコンセプトは、魂のないきれいなものよりも常にインパクトがあります。最良の部分は、創造性がPhotoshopではなく、人生の多くの領域に影響を与える可能性があることです。

私はアレックス・オズボーンの作品を見ます：ブレーンストーミング、オズボーンのチェックリストは私がよく使った2つの方法です（今ではそれらは染み込んでいるように見え、私は意識的に考えていません）。エドワード・デ・ボノには素晴らしい本もあります。

私が自分に与えているいくつかのルール：開かれた/謙虚な心を保ち、スポンジであり、あらゆる種類のものに自分自身をさらしなさい他のことをしながら、物事を「煮る」時間。

自分で課題を自分で割り当てるのに問題がある場合は、スタンドフォード大学のMOOC「創造性に関するクラッシュコース」をご覧ください。2013年の夏にそれを撮った、それはかなり良かった。（http://venture-lab.org/creativity）

更新：少し前にこれに答えましたが、最近このトピックでより詳細に説明しました。創造性の評価に関するいくつかの研究を見ると、より創造的になるために目的を思い付くためにそれを逆方向に設計することが可能です。

創造性の評価：教育者向けガイド http://files.eric.ed.gov/fulltext/ED505548.pdf

創造性は、次のように分類される重要な個人特性として定義されます。

アイデアの生成流 encyさ、柔軟性、独創性、精緻化、比meta的な思考

アイデアをより深く掘り下げる 分析、合成、再編成または再定義、評価、関係を見、あいまいさを解決したい、または秩序を乱し、複雑さを好むか複雑さを理解する。

オープン性は、アイデアを探求するために受け入れることを課題感度、美的感性、好奇心、ユーモア、遊び心、ファンタジーや想像力、リスクテイク、曖昧さに対する許容度、粘り強さ、経験への開放性、感情的な感度、適応性、直感、成長する意欲、不本意感を批判的な検討なしの独裁的な主張、および二分法または反対の統合。

内なる声に耳を傾ける創造性、粘り強さ、忍耐力、自己指向、内部統制、内省、ステレオタイプ化の自由、集中力、エネルギー、および労働倫理に対する認識。

（Treffinger et al。、2002）

その他には、他の人のデザインで、右方向ルックであなたを指摘しているたくさん。微妙な詳細に注意してください、あなたの心は仕事の残りを行います。あなたはあなた自身のデザインで「やってくる」ことを始めます。しかし、あなたがおそらく望んでいるという意味では、それらは「オリジナル」ではありません。

デザイン、特にインターフェイスデザインは、他に類を見ないものを作成することではありません。それどころか、人々がすでに知っている原則と慣習に固執すれば、あなたはより良いデザイナーになります。

たとえば、「メールを送信」を表す最も興味深いアイコンを見つけたり、ユーザーがインターフェイスをナビゲートできるようにするには、すぐに「メールを送信」アイコンを見つけて認識します。

そのとおり…

したがって、私のアドバイスは、パターンと既存の規則に気づき、それらをインターフェース設計で使用することに集中することです。ユーザーは感謝します。

また、最初に設計の機能に注目する必要があります。人々が何を成し遂げるのを助けたいですか？彼らはあなたのアプリ/ウェブサイトで何をしたいですか？どうすればそのタスクを簡単に完了させることができますか？

「オリジナル」の部分に取り組みました。次に、質問の2番目の部分、つまりデザインを美しく見せることについて：

色理論などの設計の基礎を学ぶことに加えて、いくつかの[オリジナル]で見栄えの良いデザインを思い付く最良の方法は何ですか？

話をさせてください。

1月に私はreddit.com/r/web_designを閲覧していたときに、それらの投稿の1つにつまずいたとき、「HTML＆CSSを学んだ後、立ち往生しています。自分でウェブサイトを設計するための次のステップは何ですか？」

OPは、フレームワーク、ライブラリ、およびソフトウェアの海で失われたと感じました。

PhotoshopまたはSketchを学ぶ必要がありますか？Bootstrapを学ぶ必要がありますか？今すぐJavaScriptに移行する必要がありますか、それとも設計について詳しく読む必要がありますか？

より多くのツールをマスターすることは解決策ではないことは知っていました。私は長年にわたってそれを自分で試してみましたが、それは私の設計知識を広げませんでした。

また、PhotoshopをマスターするだけではWebデザイナーにならないので（結局ツールにすぎません）、WebデザインプロセスをOPと共有しました。

他の多くの人々も私に感謝し、[コメントを投稿に拡大する]（https://www.reddit.com/r/web_design/comments/2x815r/feel_stuck_after_learning_htmlcss_heres_how_toになりました） /）このサブredditで。驚いたことに、その投稿はかなり人気になりました（1k以上の賛成票を得ました）。

それが、多くの初心者のWebデザイナーと話をして、彼らが苦労していることを知る機会を得た方法です。

一番の回答は次のとおりです。

私のデザインはプロフェッショナルには見えません！

今、私はデザインが「プロフェッショナル」に見えない理由を100万点指摘することができました。そして、私はそれをやった。しかし、これはあまり役に立ちませんでした。私は、人々がゲームを本当に助けてくれる何かが必要だと感じました。

さらに考え、研究し、Webデザイナーと素直に話し合った後、初心者のデザインに欠けているものは調和であることに気付きました。

調和は美の基盤です。調和のとれたプロポーションに基づいたデザインは、そうではないデザインよりも目を引き付けます。

そして、調和は要素のサイズとプロポーションだけにあるのではありません。デザインの色の間の調和、メッセージと全体のカラースキームの間の調和、文字の描画（書体）の間の調和、コピーのムードなど。

要約すると、デザインを「見栄えのする」ようにする方法は次のとおりです。

1. ウェブサイトの目標を考えてください。ユーザーは何を達成したいですか？ビジネスは何を達成したいですか？どうやって双方が目標を達成するのをとても簡単にすることができますか？調和は、共通の目標を定義することから始まります。
2. 送信したいメッセージについて考えてください。ウェブサイトはヴィンテージに見える必要がありますか？信頼を呼び起こす必要がありますか？遊び心が必要ですか？同様のウェブサイトはどのように見えますか？どのフォントと色を使用していますか？これが、Webサイトの目標とメッセージに調和する色とフォントを見つける方法です。
3. モジュラースケールを使用して、要素のサイズを比例的に調整します。サイズの調和は視覚的に喜ばれます。

ハーモニーとモジュラースケールの使用に関する3部構成のミニシリーズを書きました。こちらで入手できます。

自分自身であるようにしてください、また、同様にすべての伝統的なルールとモダンなスタイルにも注意してください。次に、知識があるときに多くの観察をした後、自分が誰であるかを表明し、独自のルールを作成してみてください。

PS。テクニックを考える