iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
色覚障がいの方が作ったサイト【We are Colorblind】が勉強になる
2013年3月23日 Webサイト制作, アクセシビリティ, 色彩 「We are Colorblind」というサイトをご存知でしょうか？サイト名を訳すと、「我々は色覚障がい者です」。そう、色を識別することが困難なデザイナーさんの作ったサイトです。数々の例とともに、Webサイト制作における改善すべき点を指摘してくれています。とっても勉強になったので、簡単に紹介します！ ↑私が10年以上利用している会計ソフト！ Webクリエイターボックスでは以前「色覚障がい者に配慮したWebサイトの作り方」という記事で色覚障がいとは何か、どのように見えるのか、また、Webサイト制作において注意すべき点をまとめました。読んでいない方は、まずはこちらに目をとおしてみてくださいね ;) Webサイト「We are Colorblind」の中の人はオランダ在住のデザイナー、Tom van Beveren氏。サイト名
壊れたデザインプロセス（「The Broken Design Process」日本語訳）
2012年8月12日 著 以下の文章は、Philip Zastrow氏の書かれた「The Broken Design Process」を翻訳したものです。レスポンシブWebデザイン関連の記事をこの数ヶ月、いろいろ斜め読みしてきましたが、これは是非とも翻訳しておきたいと思ってZastrow氏にコンタクト、翻訳と掲載につき了解を得ました。ただし、この翻訳には誤りが含まれている可能性があります。英語が読めるなら、原文のほうを是非お読みください。 Webデザインのプロセスは壊れており、レスポンシブWebデザイン（訳者注：以後「RWD」と表記）の推進によって、モダンなアプローチを余儀なくされつつある。 典型的なデザインプロセスでは、理想化されたWebサイトのコンセプトイメージが写真編集アプリを用いて制作される。そして、コンセプトイメージを顧客または承認する立場にある権威に渡し、フィードバックや批判を
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
TypeSquare | フォント製品 | 製品／ソリューション
フォントをありのままに表示する 「Webフォント」 Webフォントとは、インターネットを介してフォントを配信し、Webブラウザで表示させる仕組みのことです。 Webフォントを使ったWebサイトは、閲覧側に指定されたフォントが搭載されていなくても、制作側で指定された書体が表示されます。パソコンだけでなく、スマートフォンやタブレットなどのWebブラウザでの表示も可能です。 自由度の高いウェブデザイン Webサイトには多くの文字情報が掲載される一方、これまでのWebサイトでは、見出しなどを書体のデザインを使って表現しようとした場合、そのための画像を個別に用意しなければなりませんでした。Webフォントなら、テキストに使いたいフォント名を指定するだけです。通常のテキストと同様、文字サイズの調整やCSSによる効果も思いのままに設定できます。急な修正で画像を作り直す必要はもうありません。 ウェブサイトの
UI差で見る、PCサイトとスマートフォンサイト | ブログ | SINAP - 株式会社シナップ
こんにちは、守谷です。 携帯電話のキャリア各社がこぞってスマートフォンを売り始めて早半年。ケータイの本体ではなく通信料を軸に顧客から利用料を徴収する為に、各社ともフィーチャー・フォンからスマートフォンの販売に力を入れている（移行している）という事実にお気づきの方は、もうWebや通信系のお仕事をされていない方の中にも結構いらっしゃるのではないかと思います。 端末単位で見ても、Yahooの出すYahoo!Phoneが9月に出るとか、AppleのiPhone5が秋口に出るとか、直近の話題どころで言うとWindowsPhoneだとか......。スマートフォンといえば「iPhone！カッコイイ！」というイメージが今は昔、スマートフォン利用者がフィーチャー・フォン利用者を追いつけ追い越せであることは明白です。 私個人でいえば、フィーチャー・フォンを使いこなせばスマートフォンと同じだけの便利さはある！
スマートフォン時代の携帯サイト作成術
This document discusses various web technologies supported on the iPhone including Safari, Webkit, CSS properties like borders, shadows and transforms. It also covers viewport meta tags, touch icons, file inputs, hovers, tooltips, plugins and fixed positioning. Finally, it lists common fonts and includes phone number and format detection meta tags as well as examples of Japanese mobile websites.Re
デザインは人 | コラム | ミツエーリンクス
お客様の中に「ビジュアルデザイン（以下デザイン）は素人なもので…」と控えめにおっしゃる方がよくいますし、デザインのフィードバックをいただく時に「どう伝えれば良いかわからないんだけど…」ということもよくあります。 HTML・CSSの構築やプログラム開発は正解が一つといかなくても、ある程度正解に近しい形が導けるのに対して、デザインは正解が一つではなく、多様性を持つので迷ってしまうのではないでしょうか。 デザインは難しいもの? では、デザインの良し悪しの判断基準は本当にあいまいなのでしょうか？ まず、デザインとは何でしょう？ドラマで言えば「役者」。F1レースで言えば「レーサー」。つまり目にする機会が一番多く、直接触れるものです。そして、デザインは「情報を発信する人or物」が存在し、「使う人」がいます。更に言えば、「作った人の意図」が存在し、「その意図を理解して使う人」がいます。 信号を例に挙げて
web creators | 特集記事 | デザインってオモシロイ -MdN Design Interactive-
Copyright © 2010-17 MdN Corporation, an Impress Group company. All rights reserved. デザインってオモシロイ -MdN Design Interactive-
クリスマスプロジェクト2009 - xmas
コメントテスト - demo <mtComments>&n… admin | コメント(0) コメントテスト - 1 <mtComments>&n… admin | コメント(0) クリスマスツリー1 - 1 … admin | コメント(1005)
「ワイヤーフレームコミュニケーション研究会」第1回レポート | gihyo.jp
こんにちは、株式会社SINAPの守谷です。 今回は、2009年7月24日（金）19:00からSINAPのオフィス内にて行われた勉強会、「ワイヤーフレームコミュニケーション研究会」第一回目の内容のレポートをお届けします。この研究会の企画をされたのは昨年「SINAP TALK Vol.2」でご講演いただいた株式会社エフエックスビイの原一浩さんです。 もともとこの研究会は、原さんがTwitter上で「デザイナーがひっぱられないワイヤーを素早く作る研究会をしたい」と発言されたのが開催のきっかけでした。 発言の瞬間には「ワイヤー」とは何かという言及はまずは置いておいて[1]、原さんをTwitter上でフォローしているワイヤー（フレーム）を「作る」側のディレクターをはじめ、ワイヤー（フレーム）から「デザインを起こす」側のデザイナーももちろん、大勢の人達が是非研究会を開催しようと原さんに同調していっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fantasy
みんなで作るWEBデザイン参考集「ブックマ！」
http://gerenuk.crazyphoto.org/2009/06/25/873/