Web Design Trends in 2011 [ad#ad-2] 以下、各ポイントを意訳したものです。 1. HTML5 + CSS3 2. シンプルなカラースキーム 3. モバイル対応 4. 視差効果 5. タッチスクリーン 6. 奥行き 7. 大きい写真の背景 8. 素敵なドメイン名 9. QRコード 10. サムネイルデザイン 11. Life Stream 1. HTML5 + CSS3 HTML5とCSS3はリリースされてから今日まで、あまり多くは使用されませんでした。しかし、この2011年、多くのサイトで採用されるようになるはずです。 多くのデザイナーはFlashから離れてはじめています。次の2つのサイトを見てみてください。 Scribblertoo(Flash) ここで注意してほしいのは、FlashとHTML5は敵対するものではないことを理解しておいてください。問題は、
ウェブベースの会社・サービスで使用しているロゴデザインを11の特徴に分け、見習うべき素晴らしいもの、ちょっと残念なものなど11のトレンドを紹介します。 11 Trends in Web Logo Design: The Good, the Bad and the Overused 以下は各ポイントを意訳したものです。 はじめに 1. バッジとボタン 2. スピーチバブルとメガホン 3. 不透明 4. かわいいイラスト 5. スクリプトやスラブ系のクールなフォント 6. 葉などの植物 7. 歪な四角形 8. レトロゲーム 9. ワードの一部だけカラーを変更 10. ロゴタイプ 11. ノードやハブ はじめに ウェブベースの会社や新規事業のためにロゴをデザインすることは、果てしない魅力の追求です。私たちは、ロゴのトレンドについていくつかの知識をピックアップしました。トレンドのいくつかは素晴らし
使いやすいフォームをデザインする6つのポイント みなさんは、どのようにフォームをデザインしているでしょうか? CSSでスタイリングされていない素のHTMLフォームは、当然ですがデザイン性にとぼしいものです。また、入力エリアが狭いため、ユーザビリティも高いとは言えません。 フォームにはお問い合わせフォーム、申し込みフォーム、予約フォームなどいろいろありますが、共通するのは「ユーザーにアクションを起こしてもらう重要な要素である」ということです。しかし、フォームへの入力は、ユーザーにとって面倒な作業です。そのため、極力簡単に入力できるようにして、ユーザーの負荷を軽減する必要があります。 それでは、どうすればユーザーの負荷を軽減させることができるでしょうか? そのためのポイントが以下の6つです。 要素を整列させる 適度な余白をつくる ディテールを作り込む デザインされたボタンを使う 住所を自動入力
第9回「2010年上半期Webデザインのトレンドまとめ」 2010年05月25日 Webデザインは、驚くべき速度で進化してきた。特に最近はCSS3やHTML5、フォント埋め込み技術の台頭など久々の黄金期と言ってもよいだろう。このような中、私たちは多くの魅力的なWebサイトを見てきた。そこで2010年も半ばを迎えつつある現在、改めてWebデザインのトレンドを考えてみることにする。果たしてどのような新技術やコンセプト、アイデアが重視されているのだろうか?さらには数カ月後、数年後にWebデザインがどのように進化していくかも検討していきたい。また、Webデザイナーとして現在そして将来に向けて準備しておきたい事柄についても触れていく。 【注意】本記事はシリーズ記事の第1弾の内容となる。第2弾を見逃さないよう、RSSフィードの登録やTwitterフォローなどをするとよいだろう。 【MdN Design
WEBデザインにも流行り廃りが合って、デザインのテイストや技術は毎年大きく変わっています。今日紹介するのは2010年のWEBトレンドをまとめたエントリー「Web Design Trends for 2010」です。 去年後半からの流れも大きく反映されているので、今年これからのというよりは、今のトレンドをまとめたというような感じだと思います。今回はまとめられているトレンドの中からデザインの部分を中心にいくつか紹介したいと思います。 詳しくは以下 ■セリフフォントを使う。 タイポグラフィにセリフフォントを使う。 ■大きな見出し ヘッダーやメインビジュアルに大きく文字で見せる。 ■マルチカラムレイアウト 去年から多くのサイトで見かけるようになったマルチカラムレイアウト。日本でも一つの定番になりつつありますね。 ■大きな一枚絵を使う。 サイト全体を表すような印象的な写真でデザインを引っ張る方法。
The Current State of Web Design: Trends 2010 下記は記事の意訳と実例をいくつか抜粋したものです。元記事では他にも多数の実例が紹介されています。 はじめに ウェブデザインとは移り変わりが激しい業界です。他のすべての芸術的な表現とまったく同じように、ウェブデザインは絶え間なく、そして驚くほど早いスピードで進化を遂げてきました。 そして現在、私たちはウェブデザインの黄金時代を経験しているところです。それはこれまでのところ、少なくとも最も良い期間です。主要なブラウザで利用できる新しいツール(CSS3, HTML5, 埋め込みフォントなど)、自由に利用が可能な多くのリソース、デザインコミュニティなど、ウェブのスタンダードの信頼性が高いサポートを持っています。 私たちはより良いインタラクションなデザインや審美的なデザインを見ています。そして同様に個人的で魅力
Even a beginner will be able to recreate this effect, and add their own style and thought to it. I am sure you will enjoy and learn a lot from this tutorial! You will learn how to create a good looking background, add lightning effects and work with fonts, sizes, and colours to make the necessary places stand out. Your Designer Toolbox Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes
新聞・雑誌風レイアウトのニュース系ウェブサイトでみかける特徴的な12のトレンドをVandelay Designから紹介します。 Trends in News and Magazine-Style Web Design 1. ホワイト(明るい)背景 新聞・雑誌風レイアウトのサイトではコンテンツの比重が高く、ホワイトか明るい背景にする傾向があります。それは一般的にリーダビリティのために良いことです。 もちろん、例外もあります。しかし、メジャーなニュース系ウェブサイトではほとんどがホワイトの背景を使用しています。 True/Slant 2. グリッドベース 新聞・雑誌風レイアウトのサイトのレイアウトには、グリッドベースのレイアウトが採用されています。多くのコラムやテキストが配置されるため、グリッドはこういったタイプに非常に効果的です。 グリッドはコンテンツを適度なスペースで配置し、より読みやすく
I recently posted a list of the 2009 design trends, and gave my opinion on whether or not those trends would be sticking around for 2010. But what new trends can we expect in 2010? Here are my predictions: Inventive Interaction Check out any of these sample sites, and you’ll be drawn in right away by the interactive relationship between you (the user) and the site. I think we’ll see more of this a
WebDesignerWallより、2010年のデザイントレンド予測の記事がありましたので、その中身を見ていきたいとおもいます。 「2010年のウェブデザインはより面白く、実験的なものが増える」とのこと。 CSS3やHTML5への注目が集まり、新しいビジュアル・機能を持ったウェブデザインを試しているサイトが増えてきています。 ビジュアルの傾向でいいますと、手書きスケッチ、大きな背景のサイトというのは減少傾向にあり、一方でセリフ書体のフォントを使ったデザインや、テクスチャーを使ったサイトが人気のようです。 またCSS3(と、実装してくれているブラウザ)のおかげで、角丸やRGBAプロパティを使った半透明表現、ドロップシャドウ効果などもたくさん簡単に使えるようになってきています。 そして特に海外では顕著ですが、スマートフォン向けのデザインを提供するサイトも増えてきています。 実際にそれらのトレン
2010年のWebデザインで押さえるべきトレンド7点 WebDesignerWallというサイトにおいて、2010年のWebデザイントレンド予測をまとめた記事 - Design Trends (Predictions) in 2010が公開された。2010年に流行するであろうWebデザインのトレンドが合計7点、豊富なサンプル画像と一緒に紹介されている。 紹介されているおもなトレンドは次のとおり。 セリフ体のフォント(Serif Fonts) 直近10年の間ではWebサイトの大部分でVerdanaかArialのサンセリフフォントが使用されていた。ディスプレイの技術革新とIE7以降でClearTypeがデフォルトになったことから、今後10年間でこの流れが変移していく可能性がある。 大きい見出し(Big Headings) ヘッダデザインの一部として、サイズの大きい見出しを使う兆しがあるとのこと
みなさん、あけましておめでとうございます。Blog『Lancamento - Website, What a Wonderful World!』を運営しているLançamento(ランサメント)です。 本連載『いま、見ておきたいウェブサイト』では、昨年一年間、国内外のウェブサイトをさまざまな角度から解説してきました。2010年の初回となる今回は、特別編として、2009年のウェブサイト全般をいくつかの特徴から振り返っていきたいと思います。 特徴その1 AR(Augmented Reality/拡張現実)技術の爆発的拡大 『AID-DCC & Katamari - Happy New Year '09』 振り返ってみれば、「2009年は、"ARの年"だった」と言っても過言ではないでしょう。FLARToolKit(AR研究で開発されたARToolKitをActionScript 3で移植したラ
CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント 2. 大きい見出し 3. 埋め込みフォント 4. 繊細なテクスチャ 5. ミニマリストとグリッド 6. CSS3 7. モバイル対応 はじめに 2010年はウェブデザインが今まで以上に刺激的で試行錯誤に満ちたものになるかもしれません。 HTML5、そしてCSS3の魅力的な新機能をデザイナーとデベロッパーが巧みに取り入れようとしています。 去年からのトレンドだと、現在は手描き風や大きい背景は少なくな
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く