どや!?2010年のWebデザイントレンド 13

17 9月

  • このエントリーをはてなブックマークに追加

2010年のWebデザイントレンド 13

1stwebdesignerに、2010年のWebデザイントレンドが紹介されていたので訳して掲載します。自動翻訳なので文章が少しおかしいかも(笑
 


2010年のWebデザイントレンド

1.巨大な見出しと画像

1.巨大な見出しと画像
1.巨大な見出しと画像
あなたは、今日の多くのウェブサイトが膨大な見出し、そして/または、イメージを使用しているとたぶんわかりました。 そうすれば、デザイナーは、ユーザ注意をつかんで、彼らを招き入れるために大きい見出しとイメージの焦点を合わせています。 それはあなたの訪問者があなたのウェブサイトを覚えるのを助けるかなりの視覚影響を作成します。 その上、サイトのトーンを伝えるか、または作成するのにウェブデザインでこれらを使用できる、経験を訪問者に浸してください。

2.タイポグラフィ

2.タイポグラフィ
2.タイポグラフィ
ウェブデザインにおける活版印刷には、今日、退屈な標準の字体から美しいカスタム設計された字体まで広げることがあります。 Typekit(それは、世界最良型鋳造場のいくつかから高品質なオープンType字体にリンクするための予約購読に基づくサービスである)を使用することによって、あなたは容易にウェブの本当の字体を使用できます。 標準の字体にいとまごいをします、そして、美しい読み込み可能な字体を選んで、電子商取引ウェブサイトかポートフォリオの目的を伝えてください。

3.印刷デザインの影響

3.印刷デザインの影響
3.印刷デザインの影響
セリフ字体、より多くのグラフィックス、グリッド方式、および他の一層の印刷デザイン局面が今年ウェブデザインに影響を及ぼしたインスピレーションになりました。 印刷デザインから影響を得る意味は、それが注意をつかんで、明確に交信するためには強い衝撃でなければならなかったということです。

4.CSS3&HTML5の機能

4.CSS3&HTML5の機能
4.CSS3&HTML5の機能
CSS3とHTML5で、ウェブデザイナーは、それらが、より速くウェブをロードして、より良いナビゲーションを作成するのを助けるのに新しい利点を活用できます。 CSS3では、デザイナーは、効果を引き起こすのにもうイメージを使用する必要はないでしょう。 事実上、丸コーナを作成するのが決して簡単でなくなって、境界がバックグラウンドと、テキストと箱の影であり、不透明は特性です。

5.視覚効果

5.視覚効果
5.視覚効果
最近、ほとんどのウェブデザインのバックグラウンドで注意を向けてください。 デザイナーはそうです。徐々に、バックグラウンドをパターンか微妙で織られたバックグラウンドに取り替えました。 単により良くて、より現代のウェブに見えるので、3.0は感じられますが、また、それは当然のことだが設計思想のウェブサイトトーンと感じのためにある見た目を引き起こします。

6.モバイル互換性のあるデザイン

6.モバイル互換性のあるデザイン
6.モバイル互換性のあるデザイン
6.モバイル互換性のあるデザイン
高度自動機能電話のリリース以来中のモバイル世代は数年前から始まっています。 今年、CSSとJavaScriptがサポートされているますます多くの高度自動機能電話が、ウェブデザインと毎日モバイルになるように多くのウェブサイトを指示するためにまた、新しい傾向を作成しました。

7.単一ページのレイアウト

7.単一ページのレイアウト
7.単一ページのレイアウト
7.単一ページのレイアウト
あなたとあなたの会社のサービスに関する短いインフォメーションであり数ページを持つのが、ただあなたの訪問者に尽きますが、まだウェブサイトを必要とするためには、浪費であるという多くの情報がないと言ってください。 1ページレイアウトで、デザイナーは、訪問者とユーザかデザイナーには、より効果的になるただ一つのレイアウトのときに不要なページと焦点を作成するのを避けることができます。

8.ミニマリスト&クリエイティブ

8.ミニマリスト&クリエイティブ
8.ミニマリスト&クリエイティブ
8.ミニマリスト&クリエイティブ
過去の数年の忙しくて複雑なウェブデザインとの交換として、ウェブデザインにおける巨大な余白には、今年の作成している簡単、そして、ミニマリストの概念があります。 それは、清潔で、魅力的で、忘れられないのですが、創造的です。

9.マルチカラム/グリッドシステム

9.マルチカラム/グリッドシステム
9.マルチカラム/グリッドシステム
9.マルチカラム/グリッドシステム
それ以上グリッド方式が何かでないこと新しいものにもかかわらず、デザイナーはこのシステムから、より多くの利点を活用しています、それを使用するのが、より簡単にするようにマルチ柱ウェブデザインレイアウトを作成して。 また、これで、あなたがレイアウトの、より多くの空間を節約するのを助けるとき、彼らは、より多くの内容をうまくはめ込むことができます。

10.カスタムイラスト&アイコン

10.カスタムイラスト&アイコン
10.カスタムイラスト&アイコン
10.カスタムイラスト&アイコン
ますます多くの会社が、彼らの顧客の注意をつかむのがどれくらい不可欠であるかをわかりました。 彼らだけが、ある考えでウェブを設計させても、会社の概念に合いませんが、近年多くの会社がリードイメージを写真イメージからカスタムイラストとアイコンに徐々に変えています。 これらのユニークなカスタム設計されたイラストとアイコンは、明らかに顧客が得て、覚えているものです。

11.ソーシャルメディア

11.ソーシャルメディア
11.ソーシャルメディア
まさしくソーシャルメディアがある終わりが全くありません。 少なくとも皆はFacebookに説明させます。 それがあなたの訪問者に相互作用する別の方法であるので、どこでも、あなたのウェブサイトデザインでところであなたのフッター、サイドバーの上、または、あなたが考える合われたソーシャルメディアリンクを提供してください。 彼らの同じくらい多くが、彼らが毎日検査するウェブサイトを通してあなたに接するのを好みます。

12.イントロダクション

12.イントロダクション
12.イントロダクション
ウェブサイトは、このインターネット時代で人と知り合う新しい方法です。 現在、序論箱か見出しを持つのは、ウェブデザインで傾向です。 あなたの訪問者があなたのウェブサイトに目を通す平均した30秒の時間で、この序論は、あなたがだれであるか、そして、あなたかあなたの会社の(can)が何をするかに関して彼らに少し知らせる最も良い方法です。

13.モーダルボックス/ライトボックス

http://frespiration.com/issues/

彼らは、それをポップアップウィンドウの新しい世代と呼びました。 様式の箱かまた、ライト・ボックスとして知られていて、代替手段は画像、テキスト、またはビデオを提示することになっていますか? 提示していて、ポップアップウィンドウよりユーザフレンドリーであるので、それは、清潔であって、はっきりして、そうする情報にユーザの焦点を合わせます。
 
 
元ネタ
Upcoming and OnGoing Web Design Trends of 2010

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">

トラックバックURL

この記事のトラックバック URL