ウェブデザイナーは知っておきたい、ページレイアウトの代表的な10のパターン
実際のウェブサイトを例に、ずっと廃れないであろうページレイアウトの10のパターンとその特徴を紹介します。 10 Evergreen Website Layouts (that will never go out of style) [ad#ad-2] 下記は各ポイントを意訳したものです。 2カラム、広いヘッダ 3カラム、広いヘッダ フォーボックス 不確定なグリッド 大きいスクリーンショット シングルカラム 打ち出し画像 固定サイドバー グリッドベースのギャラリー マガジンスタイル [ad#ad-2] 2カラム、広いヘッダ これは最も普通のレイアウトと言ってもよいでしょう。広いヘッダが上部にあり、960pxを2カラムにし、一つは広く、もう一つは狭くしたものです。狭い方はサイドバーでナビゲーションなどが設置してあります。 慣習的に、ブログでは広い方の右にナビゲーションを置き、スタティックなサイ
ウェブデザインのマンネリ化から抜け出したい人のためのリンク集
ウェブサイトでよく使用されるエレメントやデザインのアイデアをコレクションしている、インスピレーションを与えるサイトを紹介します。
スタジオグラフィックス プロが教える デジタルカメラの撮影＆レタッチテクニック
運営会社情報 株式会社スタジオグラフィックス 〒164-0012 東京都中野区本町2-51-10 中野坂上OKビル801 TEL 03-6300-5987 / FAX 03-6300-5988
ウェブデザインにおけるネガティブスペースの活用ガイド
ネガティブスペースを巧みにつかったウェブサイトの紹介をはじめ、ウェブページのレイアウトでどのように分析し改善するのか、効果的に活用するガイドをSix Revisionsから紹介します。 Negative Space in Webpage Layouts: A Guide 下記は、各ポイントを意訳したものです。 はじめに ネガティブスペースとは ネガティブスペースの重要性 ネガティブスペースを実例から学ぶ まずはデザインの単純化から ネガティブスペースを分析、そして改善 ネガティブスペースの活用例 おわりに はじめに ネガティブスペースは多くの場合、ミニマリズムのようにシンプルを美とした特定のデザインだけのものであると誤解されています。本来ネガティブスペースというものは、あらゆるデザインにおいて注意を払い、そして慎重に組み立てて使用すべきものです。 ここではネガティブスペースが何であるか、そ
よりリッチで、よりフレンドリーになったウェブデザインの現状 -2010年のトレンド
The Current State of Web Design: Trends 2010 下記は記事の意訳と実例をいくつか抜粋したものです。元記事では他にも多数の実例が紹介されています。 はじめに ウェブデザインとは移り変わりが激しい業界です。他のすべての芸術的な表現とまったく同じように、ウェブデザインは絶え間なく、そして驚くほど早いスピードで進化を遂げてきました。 そして現在、私たちはウェブデザインの黄金時代を経験しているところです。それはこれまでのところ、少なくとも最も良い期間です。主要なブラウザで利用できる新しいツール（CSS3, HTML5, 埋め込みフォントなど）、自由に利用が可能な多くのリソース、デザインコミュニティなど、ウェブのスタンダードの信頼性が高いサポートを持っています。 私たちはより良いインタラクションなデザインや審美的なデザインを見ています。そして同様に個人的で魅力
2009年のデザイントレンド総括「CSS Nite in Ginza, Vol.43」行ってきた: Miklog
デザインレンド10minプレイバック2009 前回のCSS Nite42のおさらい トレンドとは最先端ではない、時代に最適化されつつある現象である by原氏 アイコンはリアル指向からシンプルなピクトグラム化（単一色）へ 見立てのデザインを取り入れるなら今！ 増加傾向。 「インテリア的にディスプレイの存在感。映っていて綺麗なサイト。圧倒的に字が少なくなってきている。ビジュアル指向のひとつの現われ」（矢野氏） 2010年の流行りの色は青 パントーンが発表 背景は白色は減った。→うすいグレー 巻き込みリボンは今の流行 ブロックがあったらブロックの後ろに回り込む。巻き込んでいるところの後ろが透明。マイナスインデントで。 テクスチャはステッチ、皮、紙 より物っぽい。手描きめいた。 テキストはより大きく 文字と文字の間もくっついた アンチエイリアスで表示可能なOSのシェア（調査：ネットアプリケーション
Webデザインに黄金比を取り入れよう - Re:Creator’s Kansai
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中！ シン・レンタルサーバーがキャンペーン実施中！（2024/5/20まで） 実質385円～「利用料金50％キャッシュバックキャンペーン」 出典：シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日（月）まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
あなたのブログを刺激するブログデザイン53選『My 53 Top Blog Designs of 2007』 – creamu
ブログデザインに新しいアイディアがほしい。 そんなあなたにおすすめなのが、『My 53 Top Blog Designs of 2007』。あなたのブログを刺激するブログデザイン53選だ。 以下にTOP5をご紹介。 » Alex Buga ↑のキャプチャはこのサイト » Blogsolid » Piktogramme und Icons » Carsonified » Web Designer Wall 色使いやレイアウト、パーツデザインなど、とても参考になるのではないだろうか。 あなたのブログを刺激するブログデザイン、チェックして参考にしていきたいですね。 GANCIA ASTIのスプマンテを飲んでいます。これはうまい！ 今日もいい天気ですねー。気持ちいい。
2007年ウェブデザインの６つのトレンド | コリス
2007: More Web Design Trends & Cliches 紹介されているトレンドは、海外のデザインのため(だと思います)、日本語圏内ではあまり見られないデザインですが、キャンペーンサイトやブログなどではちらほら見かけたりします。 かわいいマンガのマスコット 複雑な回転模様や滴の飾り罫 矩形ではない自由な境界線 とても大きいRSSアイコン 高品質なテクスチャ 暗い背景に使用する鮮やかな色 下記のそれぞれの参考サイトは、Best of CSS Design 2007に掲載されているものから該当するものをピックアップしました。 modern lifeには、各トレンドの説明と見本が掲載されています。 かわいいマンガのマスコット
404 Blog Not Found:惰訳 - あなたのサイトの第一印象を決める21の要素
2007年11月29日07:20 カテゴリ翻訳/紹介iTech 惰訳 - あなたのサイトの第一印象を決める21の要素 21は多いけど、良い記事なので。 21 Factors that Influence the First Impression of Your Website’s Visitors << Vandelay Website Design あなたのサイトを初めて訪問した人が第一印象を決めるのはあっという間です。第一印象がよければ、その人が再びあなたのサイトを訪れてくれる確率は飛躍的に高まりますし、その一方で第一印象を覆すのは並大抵のことではありません。 以下のリストでは、その第一印象を決める21の要素を取り上げます。これらは要素の一部であってリストは完璧とは言えません。他にもあれば是非コメントして下さい。それでは、以下順不同に。 ロード時間(Load Time) - 我々のほと
ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程*ホームページを作る人のネタ帳
（このイメージは、このブログの記事内容をイメージするもので、実在しません） 先日書店に、ホームページのデザイン集なるものがおいてあったので、買ってみた。 2000円出して買った本ですが、どうも損した気分に陥る。 そんな損した気分に陥る人が他にもいるかもしれないので、ホームページ、及びブログのデザインのインスピレーションをここにまとめておく事にします。 30ブログデザイン 最近話題になったエントリ。 30 More Excellent Blog Designs 良質なブログデザイン30サイトのまとめエントリ。 Simplicity and Whitespace（シンプルと空白のデザイン）からはこのブログデザインが好き。 すごくすっきりしているというのとさっぱりしていて、ちょっとクドイ。 Theocacao Weblogs Which Don’t Look Like Weblogs（ブログのよ
WEBデザイナーのための超便利リンク集:phpspot開発日誌
For Webdesigners - 332 helpful links for webdesigners WEBデザイナーのための超便利リンク集。 Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtml に関するサイトが332もまとまっています。 どのカテゴリも厳選されていて、WEBデザイナーの方には便利なものになっています。 フォントや写真、アイコンなどの素材を探す場合にはここから探してもよさそう。 関連エントリ 超クールなブログデザイン集30 プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 ページ送り部分のデザイン研究
【コラム】クリエイターのためのライフハック (53) ロゴデザインをするときに参考となるサイトいろいろ | クリエイティブ | マイコミジャーナル
デザインの仕事に携わっていれば一度は経験するであろう仕事がロゴデザインです。ロゴ(ロゴタイプ)は、対象となる企業やサービスを抽象的もしくは直接的なメッセージを盛り込んだ文字をビジュアル化して表現したものです。見たときのインパクトを求められることもあれば、汎用性、柔軟性が必要とされる場合もあり、デザインの課題も予め設けられていますが、同時にそれがロゴデザインの面白さといえるでしょう。 ロゴデザインのコツは、ひたすらスケッチをするところにあります。筆者も学生の頃、ロゴデザインのクラスを受講したことがありますが、ひとつの課題に対して最低50のアイデアをスケッチすることが条件となっていました。ここでいうスケッチは、サムネイルのような小さいものでよいので次々とアイデアを描いていくプロセスを指します。この段階ではあまりディテールには拘らず、まるでおもちゃ箱をひっくり返すかのようにアイディアを思いのまま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Designers Toolbox Web Safe Area
Designers Toolbox: OS Form Elements
バナー広告デザインまとめ - DesignWalker
http://e0166nt.com/blog-entry-407.html
http://www.designwalker.com/2007/11/site-layout.html
ブログに使えるカレンダーデザインまとめ - DesignWalker