「Webデザインのウソ・ホント」と題して、未来を見据えた Web のデザインを行う上で必要な考え方や取り組み方法を紹介しました。今までどおりに幾つかの静的なカンプを作り続けながら対応するのか、それとも、Web らしくデザインするのか選択する日が近づいてきたと思います。
Facebookページリンク集 ソーシャルブックマーク 520PX facebookmark
520PX facebookmarkでは、国内外の優れた活用方法やデザインなどのFacebookページをまとめたサイト
「webマガジン」関連の人気サイトランキング(2011年06月):MarkeZine(マーケジン)
2011年06月の「webマガジン」関連の人気サイトランキング。1位、X BRANDの月間ページビューは約103,000,000。
(2011/07/20 10:00)
donnamediaによれば、2011年06月の「webマガジン」関連の人気サイトランキングは下記の通り(1位から20位まで)。
1位 X BRAND 103,000,000
2位 All About 96,000,000
3位 OZmall 22,600,000
4位 fashionwalker.com 19,500,000
5位 WOMAN Online 17,500,000
6位 サイゾーウーマン 11,200,000
7位 Yahoo! FASHION 7,200,000
8位 GIZMODE 6,400,000
9位 MEN'S CYZO 5,600,000
10位 日本ビジネスプレス 3,600,000
11位 シティウェーブ 3,100,000
12位 For F 2,700,000
13位 lifehacker 2,600,000
14位 スラッシュドット・ジャパン 2,500,000
15位 MICO 2,300,000
16位 MYLOHAS 1,800,000
17位 Style.com 1,700,000
18位 Fashionsnap.com 1,300,000
19位 honeyee.com 1,100,000
20位 OPENERS 1,100,000
(各行左から、順位、サイト名またはURL、月間ページビュー、前月との増加率)
本ページ記載の情報はインターネット利用者を対象として独自に推計した値です。実際の値よりも過大もしくは過小に表示される場合がありますのでご了承ください。カテゴリはインターネット上のデータを基にした自動分類によるものです。
最近よく見かけるWebデザインテクニック5つと,そのコーディング方法を解説しています。
ユーザーインターフェイスやインタラクションに影響を与えるような,デザインテクニックとのことです。
1. 棒グラフ効果
タグやコメント数などを表示する際,その項目の幅を数値に比例して可変させるテクニック。たとえばブログの記事タイトルをコメント数の順に並べる場合,コメント数の多いものほど横幅も広く表示する
2. ロールオーバーでのアニメーション
ロールオーバーした際に,通常隠れているその記事の投稿日,コメント数などを表示するテクニック
3. カテゴリごとの色分け
たとえば記事の一覧表示で,カテゴリごとに色帯を付ける
4. 凝った画像のキャプション
きちんとスタイリングとポジショニングされた画像のキャプション
5. 印刷物のようなレイアウト
印刷物に影響を受けた凝ったレイアウト
ツイッターで発言にロールオーバーしたときにリツイートや返信のボタンが出現するのも2の仲間ですね。この感じのインタラクションは確かに流行っています。
1はあまり見たことありませんが,簡単で面白い効果が得られるので使ってみたいですね。
画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい | 日刊ウェブログ式
小さな画像を拡大したい時、どうしても起こってしまう画像の劣化。そんなときに便利な、画像を美しく拡大するフリーソフト「SmillaEnlarger」をご紹介します。上の画像は拡大例ですが、かなり滑らかに拡大出来てます。
Webデザイン最新トレンド 〓イマドキUIのつくりかた :第8回 適切な説明を加えたデザインにするには|gihyo.jp … 技術評論社
第8回 適切な説明を加えたデザインにするには
ツールチップでさりげなく情報を伝える
サイトの情報設計をする際,カテゴリーを整理したり,グローバルメニューの分け方を考えるのが重要ですが,メニューでひとことでは言い切れない場合が少なくありません。
特に,ユーザーの利用頻度が多い管理画面などは,「あれ,これ何のページだっけ?」ということが起こり得ます。運用・管理の引き継ぎで大変な想いをした方も少ないないのではないでしょうか。
そんなときに,「ひと言だけれど,カーソルを合わせたときに説明が出る」ようにすれば,ユーザーにとってわかりやすく,ユーザビリティの高いUIになります。
今回は,ツールチップを使って,ユーザーの操作の邪魔にならない形でさりげなく情報を伝える方法をご紹介します。ツールチップとは,カーソルを合わせたときに補足情報が表示される小さな枠のことで,使い方によっては効果的なUIを実現することができます。
グラフィックデザインの現在を紹介-「日本のグラフィックデザイン2010」 | クリエイティブ | マイコミジャーナル
東京ミッドタウン・デザインハブは、6月18日より、デザイン年鑑『Graphic Design In Japan』の2010年版発行を記念した展覧会「日本のグラフィックデザイン2010」を開催する。
同展は、日本グラフィックデザイナー協会(JAGDA)が毎年発行しているデザイン年鑑『Graphic Design In Japan』2010年版の発行を記念して、掲載作品から約300点を実物と映像で展示。
展示内容は、雑貨、書籍、商品パッケージ、シンボル。ロゴ、ポスター、広告、Webサイト、映像、展覧会やショップの空間デザインなど、日本のグラフィックデザインの現在を紹介する。
なお、展覧会の期間中には「JAGDA賞2010」を受賞したクリエイターによるトークショーも行われる予定。登壇者は浅葉克己氏(6月25日)、仲條正義氏(7月1日)、植原亮輔氏・渡邉良重氏(7月15日)、澁谷克彦氏(7月22日)。
ワコム、クリエイター向けWebサイト「reCreate(レクリエイト)」オープン | クリエイティブ | マイコミジャーナル
ワコムはクリエイター向け新情報Webサイト「reCreate(レクリエイト)」をオープンした。reCreateでは、デジタルコンテンツ制作に携わるクリエイター向けに、実際の作業に役立つ情報やクリエイティブ分野に関するニュースなどが提供されるとのこと。
「第5回 JWDA WEBデザインアワード」エントリーWebサイトを募集 | クリエイティブ | マイコミジャーナル
日本WEBデザイナーズ協会は、優秀なWEBデザイナーの発掘や新しいチャンスの創造を目的に「第5回 JWDA WEBデザインアワード」を開催。エントリーWebサイトを募集している。エントリー期間は2010年1月31日まで。
【注目サイト】ポルシェがフルスクリーン動画で新車の魅力を訴求|リッチコンテンツ・マーケティング情報局
ポルシェでは、日本で11月7日から受注生産を開始した「ボクスター スパイダー」の商品紹介ページをサイトにオープンしている。画面一杯に新車が走り抜けていくスピード感や臨場感で商品のブランド力を上手く訴求している。
【レポート】他ツールとの連携で改めて知る「InDesign CS4」の使える機能とは | クリエイティブ | マイコミジャーナル
アップルストア銀座で開催された「ADOBE DAY」にて、各製品のデモンストレーションを行うセッションが開催された。「InDesign」の回では、新機能の紹介を交えつつ、各ツールとの連携を活かした制作に関するデモンストレーションが行われた。
新感覚コンテンツ「UNIQLO CALENDAR」にて、春・夏に引き続き、秋編公開 | クリエイティブ | マイコミジャーナル
新感覚コンテンツ「UNIQLO CALENDAR」にて、春・夏に引き続き、秋編公開
ユニクロは、2009年6月に公開して以来、総視聴回数が1億回を超えているWebコンテンツ「UNIQLO CALENDAR」の「秋編」を公開した。
米Adobe、「2009 Adobe Design Achievement Awards」作品募集開始 | クリエイティブ | マイコミジャーナル
米Adobe Systemsは今年で9回目となるコンテスト「2009 Adobe Design Achievement Awards」の開催要項を発表した。作品募集期間は2009年6月5日まで
http://eccoworld.ecco.com.pl/
http://www.buildupper.com/
http://www.interactive-salaryman.com/pieces/crp2007_j/
http://www.softbank.co.jp/helloworld/
http://alphaomegathegame.com/
デザイン・ルールズ デザインをはじめる前に知っておきたいこと
伊達千代 内藤タカヒコ ![]()
これからデザインをはじめたい人、デザインを学びたい人のために。
これだけは知っておきたいデザインの基本知識。
かっこいいデザインや印象深いグラフィックは「何となく」「偶然に」できているのではありません。そこには必ず規則や法則といった「ルールズ」が存在するのです。本書はグラフィックデザインの初心者のために、デザインの基礎体力を上げるための「デザイン・ルールズ」を解説しました。反復やグリッドの活用といった基本的な法則から、変化をつけかたやデザインテクニック、そして色についてまで、と豊富な作例とともにシンプルな言葉で解説したデザイン入門書!
OFFICE TAKASAKIが制作したロベルトカルロス日本公式サイトがMacromediaの最新事例ショーケースに紹介されました。
ICON MANIA
FLOP DESIGN![]()
一般ユーザー向けペンタブレット「WACOM FAVO(ファーボ)」シリーズの新ラインアップとして、「プレミアムブラック」を2月18日に発売し、あわせて同梱バンドルソフトのバージョンを最新版の「Adobe Photoshop Elements Ver.3.0」に変更した「EXモデル」の最新パッケージを発売すると発表した。価格変更はない。
チラシデザイン見本帳
芳賀 正晴![]()