Get your ideas out quickly & clearly with Balsamiq — the low-fidelity, high-impact tool loved by product managers, founders, developers, & UX teams everywhere.
Online diagramming tool for collaborating on wireframes, flowcharts, and more
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
UIについて徒然と考える自分用メモ、２回目はフィードバック。ユーザーに「何かがおきたよ！」と如何に明解に知らせるか？１回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは？ ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです＾＾ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ～」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕
Tweet ずっとMomentoだと思っていた。 エンジのボディにホワイトのリボン。濃淡の美しさに惹かれて、何度か食べたくなった事がある。ノスタルジックな味がするに違いない。 今回はデザインのいいアイコンを紹介したい。 Momentoと同じぐらい美しいアイコンを発見して、嬉しかったのだ。 入選 Camera+ Color Splash Fast Memo iBonsai Instagram Path PicFrame PlainText Reeder QuadCamera Symmetory Vellum Wikipanion WriteRoom Wunderlist Zentomino どれも素晴らしいアイコンだ。 いよいよ金賞を発表する。 特別賞 Momento Momentoの美しさは揺るぎない。金賞でもいいぐらいだが、今回は特別賞に留めておこう。 次点 Pillboxie 青く透き
TOPICS Mobile 発行年月日 2011年06月 PRINT LENGTH 320 ISBN 978-4-87311-502-3 原書 Tapworthy FORMAT PDF おもしろいiPhoneアプリのアイデアが思いついたとしてもカタチにできなければ意味がありません。ただ単にカタチにしただけでは他のアプリと差別化できません。App Storeという巨大な市場で成功するためには、洗練されたデザインと効果的なユーザビリティをもつ個性的なアプリにする必要があります。本書では初期段階の構想から磨きぬかれたインタフェースをつくり出す方法を、端的で明解な原則と豊富な例で解説します。Facebook、USA Today、Twitterrificといった秀逸なUIをもつiPhoneアプリの開発舞台裏を知り、思わずタップしたくなるアプリを作成するためにデザイン、心理、文化、人間工学、ユーザビリ
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
アップル（Apple）が昨年6月に発表していた「iPhone 4」のホワイトモデルを、ついに28日から全世界で発売すると発表したが、このモデルの投入がブラックモデル発売から10ヶ月以上も遅れた理由について、All Things Digitalブログが同社幹部の裏話を伝えている。 アップル上級副社長（SVP）のフィル・シラー（Phil Schiller）氏といえば、同社のカンファレンスや製品発表の席でもたびたび壇上にあがり、アップルファンにはお馴染みの人物だが、このシラー氏が米国時間27日、スティーブ・ジョブズ（Steve Jobs）CEOやiOSプラットフォーム責任者のスコット・フォーストール（Scott Forstall）SVPらとともに、Wall Street Journalとのインタビューに応じた。 このインタビューのなかで、シラー氏はホワイトモデルの開発について「とても苦労した」と
何年経ってもデザインが変わらない製品、洗練された機能美の製品 Tweet カテゴリ☆☆☆☆ 1：名無しさん＠涙目です。(東京都)：2011/04/17(日) 22:19:32.67ID:J2QVVO1N0● http://journal.mycom.co.jp/news/2011/04/14/095/ "羽根のない扇風機"インタビューも収録 - グッドデザイン賞の公式年鑑発売 2010年度のグッドデザイン賞の公式受賞年鑑『GOOD DESIGN AWARD 2010』が、このほど宣伝会議より発売された。 大賞を受賞した「ダイソン エアマルチプライアー」をはじめ、受賞したすべてのデザイン情報が網羅されている。 --- 7：名無しさん＠涙目です。(関東・甲信越)：2011/04/17(日) 22:20:43.56ID:EFgzq5q/O けんちゃんラーメン新発売！ 390：名無しさん＠涙目で
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
Pick "Illustration" or "Pencil" to create a new iPhone Mockup: Disclaimer: Any creation of a mockup through this website happens at your own risk. Note that your mockups are not protected in any way other than by a non-obvious URL. I can not be held responsible if you create a mockup and your competition figures out how to access it. Mockups can contain user-uploaded images and user-entered text.
デザインが、「色と形の組み合わせ」という時代は、もうはるか昔。「デザインとは、コミュニケーションです！」なんていうのも、最近ではどこか使い古された感がある。じゃあ、デザインってなんだろう？ その問いかけに、常に新たな答えを提示し続けるトップクリエイター、佐藤可士和と中村勇吾。一方は、企業から幼稚園までを手がける日本を代表するクリエイティブディレクター。もう一方は、数々の国内外の広告賞を受賞し、ウェブ業界ではもはや知らない者はいないデザイナー。ユニクロプロジェクトでの初タッグから、この2人の信頼関係はどのようにして生まれたのか？ そして今、彼らが考える日本のものづくりの「強み」とは？ 東京ミッドタウンの芝生広場で開催されるイベント『Cofesta PAO』で新作を発表する直前の2人に話を聞いた。 ※『Cofesta PAO』は、3月11日に発生した東北地方太平洋沖地震の影響によりPAO WE
mixi Developer Center (ミクシィ デベロッパーセンター)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く