fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
How to Create Outstanding Modern Infographics | Envato Tuts+
In this tutorial you will learn that data doesn't have to be boring, it can be beautiful! Learn how to use various graph tools, illustration techniques and typography to make an accurate and inspiring infographic in Adobe Illustrator. Before we get started, consider using one of our Infographic Templates for your next project—that is, if you need a quick and professional solution. Infographic temp
デンソーテン - DENSO TEN Japan -
誰もが快適と自由を感じられる笑顔あふれるモビリティ社会の実現に向け、 移動の価値を創造し続けるモビリティソリューションパートナー
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
最初の5秒で勝負するサイト – ウェビンブログ
おしらせ： サイトの改装を予定してます。 時間がかかりそうなので、このブログも一時的に見栄えが悪くなるかもしれません。そうなったらすみません。 簡単に更新できて、情報発信力のあるサイトにリニューアルしませんか？ | 札幌のホームページ制作 Webデザイン会社 アイタス あー、これです。 こういうことがやりたいんです、私。 「更新頻度が高い部分にCMSを導入すると、とっても便利になるんだよ！」というのが読まなくても分かります。 「2人→20人」というのも、偶然かもしれませんが把握しやすい。 「0が一個減ってる…作業量が1/10になったんだ！」と、中学以降の数学が全学期「2」だった私でも理解できます。 「2人→17人」というハンパな数値ではいけないのです。 実際には1/10にはならなかったり…おっと誰か来たようです。 MovableTypeに限らず、札幌はCMS活用の実績がある企業が多いの
第5回デザイン塾 No.2 水野 学氏【講義】「広告のありかた、つくりかた」 ー FUKUOKAデザインリーグ デザイン塾
ー広告は、誰も見ていない。 何を目標に、僕らは広告をつくるべきなのか。 水野氏が独自のスタイルで導き出した、 広告の「ありかた」「つくりかた」について語る。 第2回講義 2007.10.13［土］ 13:00～18:00 会場／専門学校九州デザイナー学院 講師／水野 学氏（good design company代表 アートディレクター） 公開塾 PROFILE みずの・まなぶ／1972年東京生まれ。96年多摩美術大学美術学部デザイン科卒業。 99年good design company設立。主な仕事に、NTTドコモ「iD」「DCMX」のネーミングからブランディング・広告に至るまでのトータルディレクション、首都高事故削減プロジェクト「TOKYO SMART DRIVER」、「農林水産省」、「世界陸上2007」、「KIRIN903」、ANA「travel Smap」、旅館「亀
第21回 ディスプレイのワイド化にページ・デザインをどう対応させるのか
PCのモニター・ディスプレイは，ここ数年で液晶が標準となり，併せてワイド化が進んでいます。ワイド液晶ディスプレイが登場するまでPCの画面構成比は，一部のノートPCなどの小型端末を除いて，「横4対縦3（640*480）」～「横5対縦4（1024*768）」という比率でした。解像度は「XGA（1024*768）」を大多数の環境としていればよく，XGAベースで構成しておけば「SXGA（1280*1024）」でも特に問題はありませんでした。 一時期，「サイトデザインはSVGA（800*600）を意識しろ」と言われていましたが，現実問題としてSVGAはほぼなくなりました。2006年の時点でディスプレイ全体の出荷台数に占める液晶ディスプレイの比率は99.7％（電子情報技術産業協会の市場調査結果）です。SVGAまでしか表示できない液晶ディスプレイはほとんどありませんから，これが現在の「XGAを標準解像度
｢次世代PC｣コンセプトデザイン・コンテストの最終ノミネート作品たち
コンセプトデザインがお好きなあなたに。 Microsoftがスポンサーをしている｢Next-Gen PC Design｣コンペティションは、参加者に次世代のWindowベースのコンピューターをデザインしてもらおうというコンテストです。 毎回決まったテーマにそって募集し、応募作品は革新性やユーザーエクスペリエンス、美しさ、実現性があるか、という点で審査されます。 今年のテーマは｢使う人がそのPCを使って何かに情熱的に打ち込める｣ようなデザイン。一般投票はもう閉め切られ、今月中に優勝者が発表される予定です。 応募作品はどれも奇妙でユニークで興味深く、チェックするに値するクオリティです。 以下、最終選考に残った作品のうちいくつかをイラストつきで紹介しますね。 ｢Palette｣はデジタルアーティストや画家、デザイナーやビジュアルアートが好きな一般の人のためにデザインされました。 絵の具のパレット
RootApex.com is For Sale | BrandBucket
What you get Expert curated premium domain name Professionally crafted logo design Guaranteed transfer or your money back Root Apex: A strong name that emphasizes both the base and top levels of an initiative. Possible uses: A web developer. A gardening brand. A venture capitalist. A food processor. A retailer. An internet provider.
イケア家具のデザインプロセスの秘密に迫る
筆者は数年前から数多くのIKEA製品を買って組み立ててきた。整理だんす、オフィスのテーブル、ベッドサイドに置く机、メディア収納、ガラス製品のケース、などなど。 以前には、小遣い稼ぎのために忙しい友人に頼まれて書棚をいくつか組み立てたことさえある。 IKEA（おそらく読者はご存じだと思うが）は、家具小売業界で一大旋風を巻き起こしている。何百万人もの人々がIKEAの製品を買っている。その理由は、全般的に低価格で組み立てやすいからである。さらに、たいてい作業に必要なすべてのものが付属していることも人気の理由である。 筆者は必ずといっていいほどIKEAの製品を組み立てるたびに、各種のボルト、ねじ、六角レンチなどをより分けながら、IKEAではこれらの製品をどのようにデザインしているのだろうかという思いにとらわれる。 ジャーナリストであることの利点の1つは、こうした質問を尋ねる機会が得られる点である。
Inspiration Package: 60 Usable & Elegant Designs | Design Showcase | Smashing Magazine
As usual, we have to put ourselves in the users’ shoes: What do we want them to see first? How will your message be best communicated? We have to ask these questions before we start designing, because the layout will shape the rest of the design. The following websites have some quite unusual layouts. They aren’t necessarily perfect; still, browse through them, and maybe your creative genius will
15 Great Examples of Web Typography | i love typography, the typography blog
Welcome to ILT’s second-quarter roundup of sites that use type well. It may be that not all the sites listed here are to your taste, but it’s hoped that something—even a detail somewhere—will inspire you. Invariably, these lists are subjective, so if you disagree, then feel free to do so in the comments below. If this list provokes discussion of what constitutes good web typography, then all the b
Microsoft、Windows XP向けメイリオフォントを公開
5月6日(現地時間) 公開 米Microsoftは6日(現地時間)、Windows XP向けのClearTypeフォント「メイリオ 5.0」をダウンロードセンターで公開した。ファイルサイズは8.5MB。 メイリオは初の日本語ClearTypeフォントで、RGBのサブピクセルで補完して表示し、ジャギーを抑えてフォントをより精細に見せることができる。Windows XPではClearTypeに対応していたものの、欧文フォントのみ搭載しており、日本語ClearTypeフォントであるメイリオはWindows Vistaにのみ標準搭載されていた。 今回公開されたXP向けのメイリオをインストールすれば、Vistaと同様にWebブラウザなどからメイリオを指定して、表示や印刷を行なうことができるようになる。 なお、ダウンロードにはWindows Genuine Advantageプログラムにより、正規のW
自分のアナログ環境 - つきあたりを右に
四月になって自分のPC以外の筆記環境構築しなおして一ヶ月ためしてみたらすこぶる良好だったのでまとめてみる。 普段のメモや手帳について ポケットメモとノートを分けて、前者は0.35mmの一番細いSignoの黒と一緒にポケットに入れて携帯してる。 これに例えばレシートの無い出費したとか、立ち話で聞いたこととか何でもメモする。 大きい方は、これも手のひらくらいなんだけど授業のノートとか、あとはテーブル使えるときはこっちにメモする。メモというよりは本当にノート。 気付きはメモ、考えごとはノート。 行動予定等は左のcoatedのスケジュール帳。世間だとほぼ日とかモレスキンが人気だけどcoatedもなかなか良いと思うんだけど。 メモやノートに使う分が少ないのでスケジュールだけに特化して使っている。 文字書きは油性ボールペンよりゲルインキの方が書きやすく、あと見た目もきれい。ただ水溶性なので濡れに弱いし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
みんなで作るWEBデザイン参考集「ブックマ！」
IDEA * IDEA
ドメインパーキング
Kollermedia.at - Ein Blog von Jürgen Koller Kollermedia.at
WEBサイトを美しくデザインする[黄金比]支援ツール３つ![WEBサイトを美しくデザインする[黄金比]支援ツール３つ](https://cdn-ak-scissors.b.st-hatena.com/image/square/126e9c63960837b5815901e11e1f6c1303c17f2b/height=288;version=1;width=512/https%3A%2F%2Fblog.seesaa.jp%2Fimg%2Fogp_logo.png){kind=logo}
http://psdfreebee.com/