Skip to main content

Home/ Chrome Life/ Group items tagged デザイン

Rss Feed Group items tagged

Filter: All | Bookmarks | Topics Simple Middle
Kenji OTA

ASCII.jp：スマホ対応の新潮流「レスポンシブWebデザイン」とは？ - 0 views

ascii.jp/613028

CSS スマートフォン

shared by Kenji OTA on 17 Jun 11 - No Cached
  • レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。
  • レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。
Kenji OTA

スマートフォンサイトをデザインする上で知っておくべき10のTIPS[to-R] - 0 views

blog.webcreativepark.net/...16-103025.html

スマートフォン

shared by Kenji OTA on 16 Jun 11 - No Cached
  • 640pxでデザインする場合は余白やフォントサイズなどがすべて2で割り切れるようにデザインしないといけません。
  • 利用するフォントは基本的にヒラギノ角ゴ W3を利用
  • Androidではヒラギノ角ゴが入ってない為、Droid Sans Japaneseや新ゴRなどのフォントが採用され、デザインが若干違って表示されることも理解しておきましょう。
  • ...3 more annotations...
  • Androidの標準フォントであるDroid Sans Japaneseにはボールド体が存在しないためボールド体が表現できません。
  • リンクはボタンなどにし最低44px以上にしましょう。
  • iPhone 3Gで57×57ピクセル、iPhone 4で114×114ピクセルのアイコンが利用できるのでこれらもあらかじめ用意しておきましょう。
Kenji OTA

webデザインにおける視線誘導のおはなし | 07design.blog - 0 views

07design.net/blog

デザイン

shared by Kenji OTA on 03 Jun 11 - No Cached
  • 人間の目は左上から右下方向へ、チラチラしながら遷移する
  • コンテンツ３カラムのうち重要な１つのみにアクセントカラーを置き、視線を誘導します。
  • 横にいくつものコンテンツを並列した場合に通常の視線の流れから考えて 左から読ませたいと考えていても、誘目性の高い色を一番左以外に使うと読み飛ばされてしまう危険性があります。
  • ...1 more annotation...
  • webサイトをデザインする際は、コンテンツの重要度を把握した上でのレイアウト・ビジュアルデザインを意識したいですね。
Kenji OTA

デザインが苦手なWebサービス開発者に朗報！今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件 | IDEA*IDEA - 0 views

www.ideaxidea.com/...twitter_bootstrap.html

CSS

shared by Kenji OTA on 20 Aug 11 - No Cached
  • Twitter社から開発者むけに素敵なプレゼントですよ・・・これはすごい。今風のインターフェースがさくっと作れるCSSフレームワークですな。これだけでかなり高品質なデザインが実現できちゃう
Kenji OTA

Web制作者は知っておきたいwebサイトのレイアウト7選 | Design Spice - 0 views

design-spice.com/...web-layout7

デザイン

shared by Kenji OTA on 01 Sep 11 - No Cached
  • レスポンシブwebデザインからグリッドデザインまでよく使われているwebデザインのレイアウト用語をまとめました
Kenji OTA

Google+から学ぶ、ウェブサービスのデザイン - AQ » ブログ - 0 views

aqworks.com/...%87%E3%82%B6%E3%82%A4%E3%83%B3

Google+

shared by Kenji OTA on 21 Jul 11 - No Cached
  • Google+のデザインについてGoogleがとった決断について、「新しいサービスのデザイン」という観点から、特に興味深いと思った5点を紹介する。
Kenji OTA

リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。 (フェンリル | デベロッパーズブログ) - 0 views

www.fenrir.co.jp/...maxpaint.html

デザイン Fireworks

shared by Kenji OTA on 14 Nov 11 - No Cached
  • 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介
Kenji OTA

Webデザインにおける、1pxへのこだわり « PARKN' PARK - 0 views

parkn-park.com/...%93%e3%81%a0%e3%82%8f%e3%82%8a

デザイン

shared by Kenji OTA on 06 Jun 11 - No Cached
  • たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー
  • ナビ自体にしっかりとしたグラデーションがあるのですが、 この白の1pxがあるだけで、ヘッダーとナビの境界が自然に、かつピリッと効いてます。 ナビ同士の区切りのラインも、がっつりと枠で囲っているわけではないのに、自然で立体感のある質感が出てます。
  • なくても成立するのですが、あるとよりメリハリがでてよくなる
Kenji OTA

PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］ - 0 views

blog.v-colors.com/png-gif-jpeg.html

デザイン

shared by Kenji OTA on 25 Jul 11 - No Cached
  • PNG-8 透明化があるロゴやアイコンで色数を256色以下に抑えられるもの PNG-24 色数が256色を超える画像 透明化の必要がなく使用している色数が非常に少ないロゴやアイコン （PNG-8よりPNG-24のほうが容量が小さくなるが場合がある） PNG-32 デザイン的にどうしても透過が必要な色数の多い写真など 半透明の透過の表現が必要なもの GIF 形式指定がある場合のバナー アニメーションGIFバナー ガラケーサイト用のロゴやアイコン JPEG 写真全般。 背景に透過の必要がないもの バナー（容量を押さえるためにFireworksでJPEGマスクを使って文字情報の部分だけキレイに書き出したりしています）
Kenji OTA

スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net - 0 views

kachibito.net/...llery-for-my-next-project.html

デザイン

shared by Kenji OTA on 22 Jul 11 - No Cached
  • スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目的はデザインというよりも、技術をどうやって上手く取り入れているかを見たい、という感じです。
Kenji OTA

デザインが素敵な日本語Facebookページ 10選 - 0 views

facebook.boo.jp/%E3%83%BC%E3%82%B8-10%E9%81%B8

Facebook

shared by Kenji OTA on 11 Aug 11 - No Cached
  • 日本の素敵なデザインのFacebookページを10ページ紹介します。 こんなの見ると、”カッコイイ”ページをつくりたくなりますね！
Kenji OTA

Webデザイナーさん、デザインを複数案作るとき、どんなことに気をつけてますか？ « Parkn' Park - 0 views

parkn-park.com/...plural-designs

デザイン

shared by Kenji OTA on 24 Jul 11 - No Cached
  • Webデザイナーは3つの視点のハザマで苦しむ
  • 打ち合わせの段階でどんどん近づけるのが重要
Kenji OTA

日本の良デザインなFacebookページを収集しているデザインギャラリーサイト・520PX facebookmark - かちびと.net - 0 views

kachibito.net/...520px-facebookmark.html

Facebook

shared by Kenji OTA on 19 Sep 11 - No Cached
  • 日本のFacebookページで良デザインなページのみを収集しているギャラリーサイト
Kenji OTA

ネットで見られる提案書のまとめ | Webデザインのタネ - 0 views

oshare.jugem.cc/?eid=757

提案書

shared by Kenji OTA on 03 Nov 11 - No Cached
  • ディレクターの提案資料を読んでから案件に取りかかることが多いと思います。おかげでさまでデザインの方向性が決まりやすいのですが、他社のディレクターやお客様サイドに立ってる人の提案資料ってどんな感じなんだろうと思って調べてみました。
Kenji OTA

5つの効果で作る、よく使うCSS3ボタンデザインサンプル集｜最適化ノウハウコラム記事　～スマートフォン最適化・スマートフォン対応サイト制作はTOUCH&S... - 0 views

touch-slide.jp/304

CSS

shared by Kenji OTA on 14 Nov 11 - No Cached
  • CSS3によって、グラデーションや角丸などの様々なデザイン表現を、画像で書き出すことなく表現出来るようになりました。
Kenji OTA

ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | Web担当者Forum - 0 views

web-tan.forum.impressrd.jp/...10408

デザイン

shared by Kenji OTA on 07 Jun 11 - No Cached
  • ノートパソコンや液晶ディスプレイの進化でユーザーの使う画面のサイズは変わってきています。また昨今のChromeやOpera、Firefox 4のような、縦方向により多くのコンテンツを表示できるようにしているブラウザの普及で、さらにファーストビューのサイズは変わってきているでしょう。
  • 80%の人が縦スクロールせずに見られる高さは550px程度しかなく、また、80%がスクロールバーなしに見られる幅は1000px以下ということになります。
Kenji OTA

ASCII.jp：そのエラーページ、自己満足になっていませんか？｜清水 誠の「その指標がデザインを決める」 - 0 views

ascii.jp/610207

UI

shared by Kenji OTA on 13 Jun 11 - No Cached
  • エラーページにもかかわらず、さりげなくユーモラスに消しゴム商品を紹介しています。和みつつ、思わずクリックしてしまいそうです
  • Google Analyticsのイベントトラッキング機能でエラーの発生をイベントとして定義し、エラーが発生したURL（パス＋クエリパラメーター）を送信してしています。
1 - 20 of 31 Next ›
Showing 20▼ items per page