学校のWebフロントエンド、あなたはまだ開発指向のWebフロントエンドとフロントエンドのデザインタイプのWebとの違いを理解できますか？今日では、ウェブフロントエンド設計の一種うちどのタイプがありますか？何を学ぶべきですか？
確かに我々はプロジェクトを行い、このような状況が発生します、プロダクトマネージャーのプロトタイプマップがよく描かれている、のは、材料を見て行きましょう、色調の外観、ピクセルを見て、このプロトタイプの全体図は、いくつかを飾りますその後、我々は芸術を呼ん置きます。
私たちは、フロントエンドのデザイナーやアートユーザーエクスペリエンスのプロダクトマネージャーは、インスタント装飾造園も魂と内部の製品の心の中に注入され、これがあるべき知っているように、このタイトルも非常に多く、実際には、このビューに反対されて好きではありません。
実際には、設計者は、より多くの製品に異なる要素のレイアウトを配置することにより、ユーザに製品のコアの価値を提供するために、ユーザに情報を渡しながら、製品の特性を改善することです。
デザイナーとプロダクトマネージャーではなくパフォーマーよりも、需要側として自分自身を考える必要があります。言語ディスプレイデザイン製品の需要は、上司がより直感的に見える、技術が理解できる製品ドキュメントのあまり見ませんしましょう。他のリンクは、より多くの製品の上のあなたの意見に耳を傾けて喜んで、あなたのための尊重にする唯一の方法。
今日はそれらのもののフロントエンド設計に言われています。
フロントエンドとは何ですか
プロセス設計が提示され、フロントエンド設計は、このような個性や性格を与えるとして、カラー/合成/ページ要素であるが、また、自分自身を表現設計によって、彼らの標的集団をつかむために最初の色を通じて、フロントを表示します。
インターフェイスのデザイン-もちろん、これはただになることだったそれのWebフロントエンド設計部分、です。WEBフロントエンドのデザインは、サイトのフロントエンドにweb1.0のWeb2.0のは、このように巨大な変化を遂げた後、ページがもはやちょうどその設計に加えて、単一のテキストや画像運ばないだけでなく、のような技術の開発を習得され、実際にウェブ制作です：HTML、CSSおよびJavaScript。
Webフロントエンド設計は、5つのステップに分けられます。
1.ルック需要。
2.スケッチ。
3.デザインインターフェイス;
4.フロントエンドコードの調製。
5.互換性のデバッグ。
もちろん、物事が必要な手順は、アナリストのビジュアル体験教師のコミュニケーションを設計し、プロダクトマネージャの前に、やるべきこといくつかの詳細を除き、絶対的ではありません。設計後に確定し、背景がプログラマーで、テストエンジニアは、通信して、テストを繰り返しました。
フラットVSは、マテリアライズド
フラットと二つの単語のデザイナーが今知っているにバインドされてマテリアライズド、そして彼ら自身がそれをどのような長所と短所がありますか？
1、何を意図して平らに設計されました
フラットデザイン（フラットデザイン）が完全に第二の要素に属し、この場所のコアコンセプトは、などの影、視点、テクスチャ、グラデーションなど、すべての装飾効果、要素の3D効果を作成していないとしませんすることができますを放棄することです。国境のすべての要素は、何のフェザリング、グラデーション、影きちんとしていません。
準物理設計（スキューモーフィズム）逆に、彼は目的の外観をレンダリングするためのシミュレートされたオブジェクトの効果を達成するために、異なる組み合わせで、様々な要素の影響を結合する必要があり、そのように新しい外観と誠心誠意お馴染みの感じ。
2、フラットと短所がマテリアライズド
フラットデザインの別々のデザインは、デザインがより便利で調整し、ユーザーがより多くのコンテンツそのものに集中することができ、ユーザの目を妨げる様々なグラデーション、影、ハイライトやその他の視覚効果を弱め、そして統一設計スタイルに簡単に、テーマの内容を強調するのが容易です。そして今、携帯電話のタブレットPCは、「横行」今日、より良いサポートジェスチャーとの対話にフラットなデザイン、そしてそれは、比較的小さな宇宙システムを占めます。
マテリアライズド・デザインはジュニアスタッフが行うことに適している、それが意味するものではありませんがシンプルなデザインをマテリアライズドが、それは、設計者は時間の短い期間を達成することができ、若手社員のためのより適切に行うことが非常に複雑であるからこそ、さまざまな効果に精通している、そしてより十分に把握のカラーマッチングのように。マテリアライズド・低コスト設計の認知と学習は、何かのより直接的な表現は、表示したいです。
その多くの利点に関して、その欠点は視線をやります。非常に少ないを達成するための視覚効果のデザイン、機能を好むマテリアライズド。少しの情報を運ぶことができるフラット化、ユーザーが学習コストを改善します。
どのようにフロントエンドの設計仕様？
フロントエンドの設計仕様は、もちろん理由は次のようになります。
1、より早く情報をロードするためです。
2、後半適応と修正を助長しています
3、有利な二次開発プロジェクト。
4、ハンドオーバを投影する助長しています。
そして、フロントエンドのデザインは、それを調整する方法をすべきですか？
1は、最も基本的には後半のデバッグと変更に、より便利なコードの仕様、きちんとした、簡潔なコードの仕様ですが、また、再利用を促進します。
2、スタイル、材料分類の規範、機密材料の良い習慣を開発するだけでなく、仕様を設計します。
設計者は、どのような角度からのユーザーエクスペリエンスを考慮すべきです
製品には、ユーザーを喜ばせるために設計されている中で、またはユーザが、我々は、ユーザーがこれを知らせたいものを角度、その後、彼のデザインのために右であるものを知ってみましょうか？一般的に、それは二つのタイプに分けることができ、一方が他方には、ブートプロセスでは困難であり、視覚的に満足してユーザーを与えることです。
言って慎重には、次のように分けることができます。
視覚的なプレゼンテーションの製品の特性に合わせて1、およびユーザーシナリオとキャラクターデザイン・レイアウトに代わって自分自身を置く（地下鉄右利き用携帯電話）。
2、著名な、視覚的なインタラクティブな体験を使用することに資します。
図3は、製品の使用者は、不明な状況下で使用される全体ガイドの視覚的表現を通る妥当な流量を提供しています。
結論として、その要素のレイアウトに使用して、ユーザーが簡単にできるように、視覚的にユーザーをガイドし、喜ばせるためです。