『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
Webデザインを変えるとしても、以前のものをすぐには捨てないで
サイトの既存のデザインをいくつかのライバルサイトと一緒にテストすることで、新しいデザインに向けての有意義な洞察が得られる。競合調査によってユーザブルでない新機能の開発を避けられるのだ。 Redesigning Your Website? Don’t Ditch Your Old Design So Soon by Hoa Loranger on December 7, 2014 日本語版2015年1月19日公開 サイトのデザイン変更の準備はできている では、どこから始めればいいだろうか。プロジェクトが最初からうまくいくように手助けしてくれるUXの活動にはいろいろなものがある。その1つがユーザビリティの競合テストだ。すなわち、現在のデザインをいくつかのライバルサイトと一緒に、ユーザビリティについて調査するというものである。コンピュータに飛びついて、すぐにでもデザインを始めたいという気持ちは抑
より良いUIデザインを作る為に必要な8つの基礎 | MEMOPATCH
こんにちは、だいきです。 今回はUIに関するおもしろい講演のまとめを見つけたのでブログにしました！ その講演は2011年の年末に開催された「シリコンバレー コードキャンプ」にてCitrixのプロダクトデザイナーであるUday Gajendar氏が 「より良いUIデザインを作る為に必要な8つの基礎 (原文タイトル: “How to Master Good UI Design”)」 にという題目で話したものです。 （Citrixとは…米国フロリダ州に本拠を置く情報テクノロジー企業のことである） 以下がGajendar氏がその講演内で話した8つの基礎的なUIについてです。 （この記事はDICE内の記事 “How to Master Good UI Design”の翻訳です） 基礎1：グリッド/レイアウト/構造 photo credit: adactio via photopin cc Gaje
WebデザインとGUIデザインの違い
ウェブ用のデザインは、従来のソフトウェアユーザインターフェイスのデザインとは違う。概ね、デザイナーが完全な主導権を握るのはあきらめるしかなく、UIについての責任も、ユーザやクライアント側のハード/ソフトと分かち合わざるをえない。 もちろん、ウェブ用のデザインと従来のUIデザインには共通点もある。両方ともインタラクティブなシステムだし、両者ともソフトウェアデザインであって、物理的なオブジェクトのデザインではない。 デバイスの幅広さ 従来のGUIデザインでは、画面上のすべてをピクセル単位でコントロールできた。ダイアログボックスのレイアウトをしたら、ユーザの画面にもまったくそのままの形で表示されるはずだと、安心していられたのである。どんなシステムなのか、どんなフォントがインストールされているのか、通常の画面サイズはどれくらいかもわかっているし、システムベンダーからは、各種インタラクション部品をど
Webページで使用されている63種類のUIデザインの特徴と実装の注意点がまとめられた無料のeBook -UXPin
Webページで実際に使用されている63種類のさまざまなUIデザインのパターン、エレメントの使い方、コンテンツの見せ方・そしてそれらの実装の際の注意点などを一冊のPDFにまとめた無料のeBookを紹介します。 Web UI Design Patterns 2014 本書は以前、紹介したUXPinのシリーズで、ウェブ制作の参考になるPDFが他にも無料でダウンロードできます。 ワイヤーフレームや最近のUIを解説したワイヤフレームガイド 2014年、進化しているWebデザインのトレンドをチェックできる無料のE-Book スマホページ・アプリのさまざまなUIの特徴と実装の注意点がまとめられた無料のeBook eBookは全編英語ですが、英語が苦手な人でもグラフィックを見るだけで十分にためになると思います。 本書の中身を簡単に紹介します。
モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ
日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事