滅茶苦茶オススメなので布教エントリ書きます。 SF映画で学ぶインタフェースデザイン アイデアと想像力を鍛え上げるための141のレッスン 作者: Nathan Shedroff,Christopher Noessel,安藤幸央,赤羽太郎,飯塚重善,飯尾淳出版社/メーカー: 丸善出版発売日: 2014/07/24メディア: 単行本（ソフトカバー）この商品を含むブログ (7件) を見る どんな本か インタフェースはこの100年程の間に色々進化してて、その歴史を知る本みたいなのは、いっぱいあります。 そこから演繹的に未来のインタフェースを考えたりするのは凄く楽しいものです。 この本は、それぞれのインタフェースが「SF映画で」どの様に表現されて「現実に」実現したか、みたいな差分も一緒にインプット出来ます。 そうすると、上記のように現実の歴史から演繹するより、ズルが出来ます。つまり「未来を描いたSFの

Kevin Goldmanがマテリアルオネスティの概念をスキューアモーフィックデザインとフラットデザインの間の議論に適用している。問題点は、フラットデザインがマテリアルオネストであり、スキューアモーフィックデザインがマテリアルディスオネストであるか、ということになる。 黒須教授 2014年5月14日 Windows 8やiOS 7に採用されているフラットデザインが、これからしばらくの間、GUIデザインの主流になるかどうかは分からないが、ちょっと流行っているのは確かである。 このフラットデザインに関連して、Kevin Goldmanはmaterial honestyという概念に注目している。この概念は、「物質は他のなにかを模するより、それ自身であるべきだ」という考え方で、RuskinやCharles & Ray Eamesあたり、つまり19世紀から20世紀にまで遡ることができるそうだ。たしか

世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして、パシャオクのデザインを担当している今尾と申します。 今回は、UI設計や表現の話ではなく、プロジェクト進行における効率化の一環として ・次々に打ち出される改善施策へのスピーディな対応 ・デベロッパーとのスムーズなデザインファイル共有 ・新参スタッフや後任者へのスムーズなデザイン作業移管 などのために、パシャオクでテスト的に実践しているデザイン管理の方法をご紹介したいと思います。 ページの構成とスピーディーなデザイン改善 Amebaのいくつかのサービスと同様に、パシャオクの各ページも、 複数の異なる情報群にユーザーが効率的に接触できる場にす

Less than one year after its iOS launch, French startup ten ten has gone viral with a walkie talkie app that allows teens to send voice messages to their close… While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.

WWDC 2013 にて、新しいiOSである iOS7 が発表されました。新しくなった見た目、デザイン、UI （ユーザインタフェース）は米アップル公式のサイトにて確認できます。 アップル – iOS 7 iOS7 ではフラットデザインが採用され、マルチタスク機能が全アプリで使用可能に。iOS7 の一般配布は今年秋ごろとのこと。 iOS7 のデザイン iOS7 ではこれまでのアイコンもフラットデザインになり見た目が大きく変わります。 見た目がシンプルになり無駄な装飾がなくなっています。色合いもなかなかいいですね。 カレンダーのデザイン。 天気のデザイン。 時計やコンパスのデザイン。 アイコンのデザインだけでなく、アプリの内装もかなりシンプルになっています。 iOS7 を動画で見る 写真だけでなく動画で iOS7 の動きを確認したい方は、iOS7 公式ページの「Watch the iOS 7

先日、長谷川恭久さんとの共同プロジェクト、“Patch Project”がスタートしました。これはUIデザインの新しいワークフローを作るために立ち上がったプロジェクトです。これまでのワークフローを見直して、より良いUIを作っていくためにはどうするべきなのか、実際に何かのUIをデザインしながら模索していきます。そのプロセスや結果はどんどんオープンにしていきますのでお楽しみに！ まず今回はその導入部分として、ワークフローの提案について長谷川さんに話して頂いた内容を記事にしました。前編では、デザインカンプをやめてプロトタイプを作るべき理由を中心にまとめています。 そもそもUIとは何か UIの話というと多くの人がビジュアルデザインの話をしますが、そもそもUIとは人間とコンピュータの関係を円滑にするためのものです。人がコンピュータと関わるとき、そこには必ずインプットとアウトプットがあります。その中で

Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14（無料） カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

こんにちは！ 前回のに書いた「優れたアイコンデザイナーまとめ【deviantART編】」のDribbble編です。ご存知の方も多いかと思いますが、Dribbbleは前回紹介したdeviantARTと同じく、デザイナーが作品を投稿するWebサイトです。誰でも閲覧する事ができますが、投稿できるのはスキルが認められ、招待を受けた人のみがDribbbleに作品を投稿できます。 今回は主にアプリのアイコンをDribbbleに投稿しているデザイナーを5人ピックアップしてみました！ Konstantin Datzさん 作品一覧 https://dribbble.com/shots/181413-Casio-iPhone-Icon?list=users https://dribbble.com/shots/204799-Cigar-Box-iOS-Icon?list=users Artuaさん 作品一覧

こんにちは、初めまして！ 今日からMEMOPATCHブログの更新をさせていただく、だいきです。 よろしくお願いします！ 先日「280万回押されるボタンのデザインとは」 という記事を読み、 アメーバから出ている「きいてよ！ミルチョ」の 「きいてよ！」ボタンが押したくなるようなデザインで とてもいいなーと感じました。 そこでアメーバの「きいてよ！ミルチョ」のような 「思わず押したくなるようなデザインのボタン」 を10個ピックアップしてまとめてみました！ （各アプリ名のリンクはiTunesに飛びます） きいてよ！ミルチョ 内容: 人には言えないノロケ・愚痴・思いつき・ひらめきをキャラクターに聞いてもらえるアプリ コメント: このアプリで一番押すボタン(きいてよ！ボタン)が立体的で押したくなるデザイン。 phoster 内容: 簡単にオシャレなポスターが作れるiOSアプリ コメント: homeなど

前の記事で、なぜwebデザインは安く見られてしまうのかという問いに対し、 ・参入障壁が低く見える ・ノウハウが広く、速くシェアされやすい ・制作物という点だけにおいて、デザイン作業が定義されてしまっている。 ・効果が一目瞭然ではなく、評価しづらい。 ・需要(発注者)と供給(制作者)のうち、現状では供給が多い という点で技術価値・優先順位・価格が低くみられてしまうという現状について述べた。 現状はたしかにそうなんだけども。 かけるべきときにはかけようぜ！というのが私の趣旨である。 前記事でものべたとおり、期待効果が一目瞭然ではないためデザインの価値は本質的にわかりづらいものだ。 今回はその見えづらい、webデザインの価値について、自分が現場で思った所を書いていこうと思う。 デザインの成功例 Google Apps logo ring of happiness / adria.richards

2012年11月13日 著 レスポンシブWebデザインのメリット、デメリット比較まとめ - Photoshop VIPという記事がかなりはてブられているようなのですが、個人的に「そこはそうじゃないんじゃないかなぁ」と思うところが複数あったので、覚え書きしておきます。もっとも、当該記事の元ネタはThe opportunities and challenges of responsive design | Webdesigner Depotという記事なので、そちらに対する違和感、ということになるかもですが。 メンテナンスが楽？ レスポンシブWebデザイン（以下「RWD」）のメリットの筆頭に挙げられているのがこれなんですが、必ずしもそうとは言えないと思います。CMSのような仕組みの動いている環境であれば、デバイスごとに複数のHTMLファイルを出し分けていたとしても、RWDのようなワンソースマルチ