2.署名なしでも、単に手紙と人間の言葉で契約を結びます。 何をする必要があるか、どのように機能するか、何日までに、誰かがそれを気に入らない場合に何が起こるか（両方の当事者がプロジェクトを簡単に放棄できるはずです）。 段階的に作業に勝ち、各段階で100％の前払いに取り組んでいることを説明します。
3.デザイナー、Photoshopに限定しないでください。 ブラウザとインターネットがどのように機能するかを少し理解してください。Webインスペクタを使用してください。サイコロのフォントサイズと色を自分で変更する方法を学びます。 Webインスペクターはインスピレーションを与えます。
4.開発者とデザイナー、友達を作る。 映画館に行き、ピスタチオアイスクリームを食べます（個人的な経験から言う）。 同僚がどのように働くかを見て学びます-誰もが他の人の仕事を少しできるようにすべきです。
デザイナー、90％の場合のグラフィックスはベクターである必要があります。アイコンごとにすぐに別のSVGファイル（または、レイヤーとオブジェクトが別々のベクターレイアウトであるため、任意の要素を簡単に取得できる）であることが望ましいです。
色とその色合いはどういうわけか変数で呼び出す必要があります 。Froentend開発者と話し合い、一般的な表を作成する価値があります。 ツールを使用して色の名前を指定するか、ここに素晴らしい完成したパレットがあります。 理想的には、すべてのプロジェクト参加者が、Gitaの色とサイズでsettings.scssファイルを修正できる場合。
5.デザイナー、インターフェイスをコンポーネントとブロックに精神的に分割します。 3種類のボタンを選択し、それらの違いに署名します
.button--xl
サイズと
.button--yellow
色を除くすべてのパラメーターに対して単一の
.button
ボタンを使用してコード内で作成することは可能ですか？ ボタンは常に黄色になりますか、それとも実際に
.button--warning
と呼ばれるべきですか？操作中に色を変更できますか？
アダプティブバージョンは、必ずしも個別に描画する必要はありません。優れたフォレンテンダーは、デスクトップにグリッドがあった場合、ブレークポイントがどこにあり、どのブロックがスマートフォンの列にあるべきかを理解します。 ただし、主要な点、列の幅、グリッド、メニューの動作については、事前に検討する必要があります。 そして、ほとんどのタスクと困難がプロセスに現れるという事実に備えてください。
6.クライアント、これらの資料をすぐに提供します -テキスト、サイトの写真、会議参加者のリスト。 いいえ、一時的に「lorem ipsum」を置くことは不可能です-サイトがいっぱいになるとすぐに、ほとんどの場合、作業の半分を捨てる必要があり、これは追加費用です。 意味と基本的なコンテンツから始めて、設計と開発に進みます。
デザインは本質を伝えるべきです。 そのため、ある人がサイトを訪れて、自分がどこに着いたのか、そして自分の貧しい人々がこのすべてのことで何をすべきなのかをすぐに理解できます。 したがって、サイトには単純なクリアテキストが必要です。 さらに、テキストはわかりやすく、短いものであるべきです。 言うまでもなく-リテラシー。 そして、これらすべての愚かなダイス、グラデーション、アイコン、その他のささいなことはまったく役に立ちません。 したがって、自分の考えを簡単かつ明確に定式化できる人が勝ちます。 そして興味深い。 そして、描くことができない人は一生死に、ウォッカを飲み、スクーターに乗り、レナード・コーエンに耳を傾けます。 何とか何とか、何とか何とか何とか。 さらに6秒、そして私は古いオナラに変わります。
レナード・コーエンについて、私はall意的な意味で話します。 コーエンはそれとは何の関係もありません。 スクーターも。 ウォッカは言うまでもありません。
-ローマ・ヴォロネジ、 narisoval.ru
7.まず、ユーザーがより簡単にアクセスできるようにします。 「すごい効果」で2位になりました。 アフリカのシンプルなGPRS電話でウェブサイトを開く速度はどれくらいですか？ 少なくとも基本的な情報、電話アドレス、または最も重要なテキストは、最初の数秒でサイトに表示されますか？ クールなスクロール効果を作成する場合（必要ではありません）、iPadで機能しますか？ 盲目の人は、これが「送信」ボタンであることを知っていますか、それをホバーで美しいアニメーションにしましたが、divの代わりに
button
を入れて
title=""
と
aria-label=""
を追加するのを忘れましたか？
ところで、視覚障害のある人は、モバイルデバイス上のサイトのズームをオフにしないように求められます。 そしてお願いします。 そのため、彼はこの誤解を修正するブックマークレットを作成しました。
標準要素を使用できる場合は、それらを使用します。 ドロップダウンリスト、ボタンボタン、チェックボックス、ラジオボタンを選択します。 地球上のすべてのデバイスとの互換性を壊すのは、美のためだけではありません。 デザイナー、次にあなたと開発者を説得してください。
8.開発者、設計者は、行間隔とフォントサイズを測定しただけではありません。 ピクセルパーフェクトは必要ありません。90年代ではありませんが、主要なパラメーターを観察することが重要です。 レイアウトで非常に重要なデザイナーは、コメントとともにフィールドに入力し、主要な寸法に署名する必要があります。 グリッドのレイアウトは、列単位ではなく、ブロックの幅の方が適切です。 私のプロジェクトでは、row-s = 500px、row-m = 900px、row-l = 1200px、row-xl = 1400pxのようにします。
9. Mother Fucking WebsiteおよびThe Website Obesity Crisisをお読みください。
サイトの速度が低下し、コンピューターでクーラーをオンにする場合は、サイトを再実行してください。 視差を使用できない場合（通常はyes）、使用しないでください。 ユーザーからスクロールを奪わないでください-通常のスクロールの代わりにこれらのすべてのリーフレットは本当にひどいです。 だから私が思う だけではありません 。
10.一般にサイト（または他の作品）が必要かどうか 、またクライアントが要求する形式で考えてください。 おそらく、サイトの代わりに、Facebookのグループで十分ですか？ 電報のボット？ または、5ページではなく1ページで十分ですか？ すべてのページの下部にメールを指定できる場合、疑わしいフォームで「連絡先」ページを作成する必要がありますか？