タグ別アーカイブ: good design

featured_pando

レスポンシブ デザインはあなたの創造性を殺すか。

From Is responsive design killing your creativity?

我々 は 2017 年に web デザインの話、私たちは本当にレスポンシブ web デザインについて話しています。
だけで6 年間に「レスポンシブ」の用語すべての広範な業界標準となっています。
応答性その内容を適切な調整は web デザイン、サイト、または web アプリケーションの設計プロセスly が表示デバイスによると。
数年前見た E 話優秀な会議Marcotte より — 誰の造語「レスポンシブ web デザイン」-彼応答座るを例えられるユタ州のパンド ツリーに es接続されたルート構造を持つ単一の生物が現れるから、別の場所で異なるサイズでの異なるコンテキストがすべて同じ基本 ge を軸受の地します。
netics。
それは間違いなく携帯電話の成長を有効にしているレスポンシブ デザインの採用web;それがなければデスクトップ バージョンと並行してモバイル サイトの開発コストは m をだろう$ 多くの後者にこだわって会社します。
携帯電話用に設計された関係が頻繁にトランスくらいの大きなビューポートに提起したレスポンシブ デザインはその問題がないわけですが。
定義では、応答性の高いデザイン 'に対応する' コンテンツではなく、ビューポート サイズ。
コンテナーに基づく変奏曲 CSS 私dia クエリ ソリューションとして座談されましたがこれまでのところ誰かのホワイト ボードにだけポストそれ。
デザインは広く、要素間の関係とそれらの関係で制限されます、小さな画面。
さらに、マークアップは意味的に構造化するので関係の設計されています。
携帯くらいの大きなビューポートによく順番が入れ替わります。
最も一般的批判の UI の 1 つ過去 1 年間の意思決定は、デスクトップで使用されているハンバーガー メニュー数の増加をされています。
しかし、ほとんど注目はモバイル レイアウトに支払われている — コンテンツの水平バンドは、int を分けられるo 12 列グリッド-デスクトップにスケール アップされています。
レスポンシブ web デザインが基であるかどうかの質問ヨコ糸の創造性はおそらく;それは多様性とイノベーションの活力の源であると見なしますをプロセスを設計します。
それはまた非難を産む、概念、配分に責任がある場合それ確かにあるウィットh の実装です。
実際、デザインはしばしば制限の厳しいの下で栄えて、de を知っています。
彼は彼の仕事を感じているので、クライアントのブリーフに彼自身の制約を追加した署名者は強いとき彼挑戦です。
それは確かにレスポンシブ デザインの実装である配分に責任がある場合ブランディングが非常によく、作品はより小さいレイアウトに最適です。
それ、ベストがありますレスポンシブ デザインを実装する方法は、ビューポートのさまざまなクラスに異なるデザインを作成するにはそして同様の画面に対してのみ応答技術に頼る。
我々 は正確な寸法を知ることができません。
すべての画面が、我々 は携帯電話が、ポケットに収まるように知っている我々 は、ノートブックが狭い目をすることはできません知っています。
そのキーボード。
レスポンシブ デザインには、先にその時間考えかもしれない単に私たちがCSS の変数のようなツールとコンテナー クエリが実装されて、一度 web 上設計し、実現、もう一度多様になります。
注目画像, Flickr 130 を介してトニー Frates によってパンド画像+ クリップ アート花の要素とフレーム 18 ドルのみ! ソースp img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;} p.showcase {クリア: both;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}
featured_wetransfer

WeTransfer 明らかに新しいブランドを識別して UI

From WeTransfer reveals new brand identity and UI

WeTransfer は最後の十年のほとんどの広く賞賛された新興企業のひとつです。
多くの方法でそれ embodies を目指すお客様に言う: シンプルなアイデア、よく実行される共通の問題を解決します。
WhWeTransfer 傑出したは、そのデザインに高価値に本当になります2009 年の発売以来WeTransfer が通常の日常的なプロセスに関心を追加する設計を使用: fil を転送します。
es の 1 台のコンピューターから別に。
WeTransfer は内に保持する設計の使用を精製しただけでさらに利子、完全ブランドおよびユーザー インターフェイスの更新で。
太字と共同で自社設計月曜日、新しいロゴより友好的な-それがほとんど笑顔で- より洗練された、その文字を保持非常に小さいサイズで声優。
ブランド カラーと文字体裁も更新されています。
Br を一致してオーバー ホール、サイトの UI が簡素化されより使いやすいフォームをアップロード-主な信号伝送線ce ユーザーは、時間を過ごします。
会社がそのブランド、su から単語「転送」を削除してもそれへの進出可能性があります ggesting は、近い将来にサービスを拡大しました。
WeTransfer の des の使用ign はすでに非常に成功した、この優れた洗練のブランドの遺産を認めています。
うちそれに恩義を受けています。
150 + クリスマスと新しい年のベクトルのデザイン 15 ドルのみ! ソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 車体の div #emailb 体 #podcast p、#browserfriendly pオディ ・ p {余白: 0;}
featured_correct

デザインは「正しい」することができますか。

From Poll: Can a design be “correct”?

デザインは、問題を解決かどうかを視覚的、構造的、概念、または任意の他の 'al'。
問題がある場合は、ソリューションがあることを続きます。
Steve ジョブが設計ルを採用するときgend Paul ランド (ランド) で何という名前のブランド ・ アイデンティティをデザインする次のコンピューターだったいくつかのオプションを期待してください。
ランドが単一のソリューションの非常に詳細な説明を提供する代わりに、.有名なジョブ、ランドによると:"あなたのためあなたの問題を解決するだろうし、あなたは私を支払うただし、ランドと言って、それに続いた:「場合オプションは、他の人に話を移動します」。
Acknowleランドは、彼の「正しい」答えを配信していたがそれはなかったこと必ずしも補正 dgingt の答え。
ランドは、我々 が楽しむ同じユーザー テストへのアクセスを持っていなかった。
A の原則/B tesティンは告げてさまざまなソリューションの 1 つ別のものに対して測定、私たちを持って、defin 提供映像情報メディア学会の目標。
A の実用性/B テストは不審である、しかし、研究室の条件では、1 つのソリューションが別よりも優れていることを証明するには十分なソリューションのテストし、最終的に見つかります「正しい」答え。
しかし、研究室でデザインが存在しない、そのコンテキストを反映しています。
さまざまなユーザーの主観的な視点が 1 つは、「正しい」のデザインが"できることを意味するかもしれないrect"別のです。
別のユーザーよりもさまざまなステーク ホルダーがよくある別動機、つまり、デザインが問題のコンテキストだけでなく、解決するために設計されました。
頻繁に変更します。
簡潔な設計に問題がある場合、それは「正しい」解決策を持つことができますか。
ボーナスと拡張ライセンス 30 の高品質のビンテージ フォント $17!ソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: left;} p.showcase {オフ: 両方;} 体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}
featured_trends

本質的なデザインの動向、2016年 2 月

From Essential design trends, February 2016

探している web サイトを更新し、どこから始めればわからない?いくつかの我々 の最もトレンディーな要素今 b デザインは、楽しい審美的に、かなり使いやすいです。
Cur にトレンディな機能を追加します。
賃貸デザインや新しいビルドは、あなたのサイトに訪問者を運転を助けることができる近代的な雰囲気を作成を助けることができます。
それらを使用して既存のエレメンタルと、特にトレンドのこのトライについて素晴らしい何があると国税庁、色、タイポグラフィ パレットとブランディングします。
ここでは、最新トレンドのデザインで今月: 1。
ダブルトーン配色ダブルトーン カラー パレットは、長い時間が最近取るの周りされています。
全画面表示、耐衝撃性の効果のためのダブルトーン グラデーションに色洗浄効果を追加します。
それは somethiフラットなデザインが、Spotify ダブルトーンで使用量を見事なおかげで主要な方法でアウト傾向 ng帰ってきた。
それではいったい、ダブルトーンは? パレットを形成する 2 つの色の使用です。
最も basic フォーム、ダブルトーンでは、カラー ホイールから相補的な組み合わせです。
より複雑な用途、デザイナーs は色の組み合わせのすべての種類を使用していて、ペアでルールを破るします。
ほとんどの duoton のe の効果は、イメージの上に色鮮やかなオーバーレイを備えています。
ダブルトーン効果ハイライト明暗ライトし、見事な色と視覚的な効果を作成します。
Spotify セントを作成する素晴らしい方法でそれを使用してandard アーティスト写真何十回も見てきた、見て atte に異なるだけ防火をつかみます。
それは、さまざまな方法で使用できる手法です。
それは、ほぼすべての design 概念、作成に、上記の例の多くなどの全画面表示要素として使用できますe 支配的な芸術。
使用されるアクセント ユーザー インターフェイス エルへの興味深い背景を作成するも穂または設計の特定の部分に重点を追加するために。
最高のダブルトーン作品に使用する場合、1 つのデザイン要素。
テクニックは圧倒的なことができます、適度に使用する必要があります。
2. spilt 画面デザインが分割画面デザインのウェブサイトは指数関数的に成長しています。
Design の技術は、コンテンツのサイド ・ バイ ・ サイドの 2 つのパネルを備えています。
これらの概念のほとんどは対称を使用します。
画面のそれぞれの側が同じサイズと形状の概要を説明します。
結果は、クールなデュアルの続きデスクトップ コンピューターと (適切に記述)、耳鼻咽喉科の経験の大きな画面で経験小型デバイス、パネルが崩壊し、スタックの要素をスクロールします。
言明デザインされまし分割画面の傾向との関係は無限、半分と半分を分割、分割カードまたはグリッド style 要素、微妙な分割とリストに載っています。
デザインのそれぞれの側は、d にユーザーを運転できるも母国の各種コンテンツおよびヘルプの種類に関する貴重なユーザーの分析を収集コンテンツします。
人々 をクリックして参照してくださいします。
分割画面のデザインは、ユーザーフレンドリー、応答 fra でうまくいくmeworks を使用する必要があります他の設計手法を圧倒しないと。
ここでは、いくつかの方法効果的に画面を分割する s: 対色とタイポグラフィ、強力なビジュアルをしていないとき。
アクションの結果右の動きを左にユーザーの注意を集中します。
使用色 blo画面を分割し、あなたのメッセージの読みやすさを向上させながら沢山の部屋を与える弄ぶ。
思う o特大カードとして f 分割画面。
モザイクまたは石積みのスタイル パターン t のコンテナー要素をスタックします。
o は、コンテンツの異なる部分を紹介します。
それぞれの「画面」を簡単保ちなさい。
この設計コンクにトリックept は、分割画面です。
最小限のスタイルは、コンテンツに重点をそこに加えることができます。
3. Typog共有スペースで辛島昇これはそれらの傾向を理解する参照するほとんどがあるの 1 つ: typography はデザインの共有スペースに拡張します。
ほとんどのウェブサイトを見て、イメージとバック理由と種類です。
イメージの種類など、一緒に作った、要素または彼らは completely が区切られます。
多くのデザイナーはその形式から抜け出すと型が機能拡張プロジェクトの作成その他の要素の空間。
それは面白いし、見て楽しいです。
それは挑戦することができます。
e 作成、読みやすさを懸念します。
その手法は、単純なタイポグラフィーと最高など媒体ストロークのセリフ。
テキストは、背景から目立つようにコントラストの多くには、ラウンドと任意の要素に思いました。
このため、ほとんどのこのテを使ってデザインchnique は、白または黒のレタリングを使用します。
本文は、このためにはいくつかのサイズを持つことも必要です。
ほぼ同じ色のコントラストとして重要なは、サイズと空間のコントラストです。
また ho 特別な注意を取らなければなりません。
w テキストと一緒に移動異なる画面サイズまたはブレークポイント文字は th の領域をカバーしていないので、あなたのメッセージに不可欠な電子イメージ。
これの最も美しい例の一つはユイット ドゥからユイット (完全な効果のためのサイトを訪問する必要があります)。
文字の移動や mホームページ上のアイン イメージ。
言葉、読みやすい""イメージから落ちるし、スパをクロス写真と背景の ce。
デザインのトレンドの多くが来て、ほぼ行く結論早く、それらを認識を開始すると頻繁に固執するものでうまく動作他の時間 tested テクニック。
現代的なスタイルのこのトリオについての最も際立っているものであります。
Wo は、します。
新しさのタッチのレイアウトに関。
これらの手法はかなり簡単に実装 (、削除後で) あなたの全体の美学を破壊することがなく。
外観の更新のこれらの技術をお試しください。
ちょうど少し大胆な色の選択や変更にあなたの快適ゾーンから抜け出すことを考えて、ホームページです。
もう少し大胆に行くやトレンディなデザイン、本物の技術の組み合わせを試すly が際立っています。
(気づくの Stikwood のためのウェブサイトを使用して、2 つの動向-分割画面のデジgn と共有スペースのタイポグラフィ?) どのような傾向は、あなたを愛する (か嫌う) 今ですか?T を愛するだろうo は、いくつかのウェブサイトに魅了されるを参照してください。
私のツイッターのリンクをドロップします。
彼をみたいあなたから ar。
ブライアン ジェラルドカーゼル ’ s 電子ブック: ‘ 変換の設計 ’ のみ $14! ソース p img {表示: インライン-ブロック; 余白-右: 10 px;} .alignleft {float: 左;} p.showcase {オフ: 両方;} 本体 #browserfriendly p、ボディ #podcast p、div #emailbody p {余白: 0;}