タグ別アーカイブ: featured

00-featured-huffpo-redesign-2016

Huffington Post コードと理論の礼儀の再設計を取得します

From Huffington Post gets a Redesign courtesy of Code and Theory

人気のあるオンライン マガジン Huffington Post は初期第 1 四半期でのブランドの新しいデザイン変更をリリースする準備中します。
2016。
プロジェクトは、クリエイティブと Huffington Post のチーム間のコラボレーションをされています。
代理店コードと理論。
これまで設計信じられないほどに見える、多くの web の注目を集めています。
出版物をデザインします。
この最初とともに消息を絶った広告ウィーク イベントでニューヨークで H からのコメントuffPo ’ s CEO Jared Grusd。
Huffington Post は、コード、または創造的な代理店と働き始めたパブリッシャーの y ’ s を史上初、2014 年 12 月に再設計。
コードと上記をもった理論y は、ブルームバーグ、ロサンゼルス ・ タイムズ、助けたマッシャブルのデジタル変換を陣頭指揮パブリッシャーは、行動や mod の嗜好を中心に根本的なデジタル戦略の想像します。
ern ニュース消費者。
“ 先進的なジャーナリスティックなプラットフォームとなることを目指しています Huffington Post for 討論と婚約"Jared Grusd、Huffington Post の CEO を言った。
「私たちのデザインを改革します。
イオンは、コード理論とのコラボレーションはこの重要な目標さらにの達成を助ける ”。
“ Huffington Post は、過去 10 年間で非常に進化している ” と話すダン Gardner、Co Fコードと理論の ounder。
“ この設計では、我々 はコンテの真の豊かさをアピールすることがnt と進めるユーザー データ駆動型の知性 ” この中を再設計。
n ’ t が数ヶ月のサイトに表示される、することができますまだの垣間見るプレビュー ジャンプenshots は、これまでにリリースします。
アニメーション GIF のフルバージョンを表示するのにはプレビューの画像をクリックします。
完全な再設計を展示する上下のパン。
再設計の裁判所を取得します Huffington Post の続きを読むコードの理論 esy
00-featured-visual-consistency

それらを使用して、視覚的に一貫した UI デザイン-キー ヒントと方法を作成します。

From Creating a Visually Consistent UI Design – Key Tips & How To use Them

便利なインタラクティブなアプリケーションや web サイトを構築するため、作成する必要があります、著しく米国ble UI。
(アプリまたはサイト) 製品の UI は、重要です。
それは肯定的なを作成する十分な強力または非常に最初の出現からの否定的な認識。
スムーズで一貫性のある UI を使用して s への訪問者eamlessly があなたのサイトをナビゲートします。
一貫性のないインターフェイスは、混沌としたレイアウト t になるに対し帽子は確かに訪問者を困らせるし、最終的に製品を捨てることを強制します。
確実な UI 設計n が設計に効率的にアクセスし、簡単に情報を求めるガイドの訪問者に最適です。
彼らが必要な情報。
インタラクティブな直感的、そして印象的なインターフェイスは良い UI d として解釈される可能性があります。
esign。
視覚的に一貫性のあるインターフェイスのよう努めることによって訪問者の間で多くの成功を集めるよs. 視覚的な一貫性は何を意味するのですか。
一貫性を保つことによって、c を含む視覚的なデザイン要素の使用します。
成田、タイポグラフィ、レイアウト、アクションのスムーズな流れをすることができます。
これは最終的に vi を助ける雰囲気と便利なデザインを移動する itors は、そのタスクを実行します。
ことができます。
一貫性が設計を成功させる 1 つの主要なキーであるといいます。
要素の一貫した使用と共にs、一貫して視覚的要素を配置する必要はも。
場合は、アイコン (ように ’ s と言うサイト検索h バー) は、ページの右上隅に、それは全体の同じ位置を築くことに残る必要があります。
アウト。
方法を視覚的に一貫性のある Ui が、いくつかの要因の 1 つにわれないにフォーカスすることができます。
小胞体は一貫性のあるインターフェイスを設計します。
私と一緒に次のセクション内の各ポイントを突破します。
いくつかの簡単な例です。
1. 明確な一貫性のあるタイポグラフィは重要な視覚的要素 which 常に第一印象になります。
それは、最大限の精度で処理する必要があります。
あなた可能性があります。
どのように 1 つははっきりと一貫性のある活版印刷体験を作成だろうのだろうか。
まあ一貫を作成するにはタイポグラフィに思う一つは書体、テキストのスタイル、サイズ、および色に集中する必要があります。
裁くng、そして最も重要な身体は、自分に忠実に残らなければなりません。
段落は異なるはずその他の段落に似ていますが、見出しより 不十分な st につながることができますあまりにも多くのなじみのないフォントを使用してyled テキスト: アカウントに書き加えをもたらします。
それはすることができます明確なメッセージを書き込むことをお勧め簡単にお客様の製品にアクセスするユーザーに役立ちます。
数種類のフォントに固執し、それらを読みやすくしておきます。
2 秒をおいてください。
インプレ! それがすることができます ’ t は、かさばるインターフェイスがデザイン compl に不必要に加えることを拒否します。
exity。
一貫性のある UI 要素を使用して、物事をシンプルに保つと、使いやすさが大幅に向上します。
製品です。
一つ留意が必要ユーザーの期待インターフェイスを設計している間。
両方のインターンアルとユーザーの外部の経験が考慮されなければなりません。
これはデザインをお届けいたしますあなたの視聴者に慣れています。
それは familiarit の感覚を作成しながらことを保障しなくてはなりませんy、視聴者に新鮮で魅力的なインターフェイス デザインが表示されることを確認してください。
制御することもインターフェイスのフロー選択の数を提供することでより明らかに表示させるとs. これは展開可能および折りたたみ可能なコンテンツすることによって実現できます。
ユーザーできるようになりますo は、必要に応じてのみコンテンツを探索します。
視覚的な治療によって異なりますが、視覚的な治療を提供します。
別に 1 つの製品。
すべての訪問者は、同じ視覚的な治療 throu を得ることを確認することが重要です。
ghout 製品。
お好みのビジュアル言語を選択して、心をこめてそれを受け入れることができます。
第 5 回ウィルは、プロフェッショナルなイメージを作成し、訪問者に安心感を与えます。
究極のコン政視覚的な治療すべての UI 要素間での整合性を確保する必要があります。
つまり、すべての関連 cハニセラムは、同様の方法で表示する必要があります。
たとえば、サービスを展示している場合は、すべて、サービスは、同じ方法 (サイズ、色、言語、レイアウトなど) で表される必要があります。
いずれかの場合丸で囲む、その他のサービスは、彼らはグループのすべての部分をしているかのよう非常にようになります。
聞かせて ’ s 検討例: Appsted のホームページは、さまざまな開発サービス tha を表しますt を提供しています。
一貫した方法ですべてのサービスが表示されることを気づくことができます。
最終的なカントーughts インター フェース デザインに取り込む視覚的な一貫性は間違いなく全体的な外観を高めることができるとあなたの仕事を感じる。
実際、それも保守や開発コストを削減することができます。
構成されると耳鼻咽喉科の設計技術に多くの訪問者を引き起こす素晴らしいユーザーエクスペリエンスを生成します時間の長い期間のための設計とインターアクト。
前述のヒントを考慮します。
これらキー ヒントに役立ちます配信が見事な非常に使いやすい Ui を繰り返し。
著者: アディソンコーエンは Appsted 株式会社は、主要なモバイル アプリケーションの開発を扱うモバイル アプリケーション開発者です。
モバイル アプリケーションの包括的なソリューションを提供する会社です。
最新の情報を共有をこよなくiOS、アンドロイド、および開発プロセスのようなモバイルについて 続きを読む、Visu の作成で一貫性のある UI デザイン-キーのヒント ・ How To の同盟国にそれらを使用します。