開始するデザイナーは、自分の目を訓練することをお勧めします。 彼らは、審美的に楽しいと思うものを検索して編集し、質の高い体験を提供するサイトを観察することを奨励されています。 残念ながら、多くのコンテンツとおそらく複数のボードをコンパイルした後でも、「良い」デザインを構成するものを理解することは依然として困難です。
4分でWebデザインを入力してください。
この無料の4分間のチュートリアルでは、フロントエンドデザイナーのJeremy Thomasが、デザイナーとデザイナー以外の両方に、Webサイトを構築するときに適用できる基本的なルールとヒントの内訳を示します。 次のようなルール：白の背景に黒のテキストを使用するのは避けてください。その色の組み合わせは目に厳しいものになる可能性があるためです。 また、コンテンツの周囲に十分なスペースを確保するなどのヒントは、ページの見た目の美しさを高めることができます。 とてもシンプルでありながら真実です。
彼のチュートリアルは、サイトにインパクトのある変更を加え、最終的に最も重要なもの、つまり実際のコンテンツを紹介するための基本的なCSSを提供します。 彼は、文体的な書式設定がほとんどないページから始めて、段階的に改善します。 コンテンツのセンタリングやカスタムフォントのインポートなど、CSSの数行を通じて、優れたデザインのマークを示しています。 さらに、ボーナスとして、Thomasは無料のHTMLおよびCSSチュートリアルを使用して、Photoshopデザインファイルを現実のものにするための詳細な知識を提供します。
設計指導員がこれらの基本的なルールとヒントを最初に提供してくれたとき、私はそれらによって制限されていると感じました。 これらのガイドラインは、私がユニークなサイトと体験をデザインするのを妨げるだろうと思いました。 ただし、デザインが不十分なサイトをいくつか作成した後、ツールキットにこれらのルールが必要であることに気付きました。ユーザーは、おそらく知らないうちに、サイトがフォローされることを期待しているためです。
たとえば、Thomasがチュートリアルで述べているように、コンテンツの周囲に十分な間隔がない場合、ページはユーザーにとって「壊れた」ように見えることがあります。
さらに、私のキャリアを始めた後、これらのツールが独創性を排除しないことにも気付きました。 代わりに、カスタムレイアウト、カスタムフォント、画像、およびカラーパレットを使用してカスタマイズおよび一意にするための基盤を提供します。
このチュートリアルが大好きなので、デザインで新しい仕事をしたい
幸運なことに、素晴らしい会社にたくさんの素晴らしい開口部があります
今すぐチェックしてください
あなたがデザイナーではなく、まだこれを読んでいるとしても、このチュートリアルはデザインアイを開発したい人にとっても役立つことを知っておく必要があります。 4分以内に、最初にPSDファイルを作成したり、デザイナーフレンドに入力を求めたりすることなく、シンプルで適切に設計されたサイトの基盤を構築できます。
それでは、試してみませんか？ 最悪のシナリオは、4分間失うことです。 Instagramをスクロールしたり、デスクの隣人とポップカルチャーの会話を開始したり、今晩の夕食に食べるものを社内で議論したりするのに、すでにその時間を与えているでしょう。
