Was iOS 7 created in Microsoft Word?
Fortnite Logo: https://youtu.be/GSrn0tO-5KY | Instagram Logo: https://youtu.be/fQoJSalAw7w Premier League Logo: https://youtu.be/vePS_c4_f-c | Nike Logo: https://youtu.be/hyeO97e5d1I Under Armour: https://youtu.be/ReXz6W3ZEi8 | Google Chrome: https://youtu.be/QrbdpZElEaE Acrobat Reader Logo: https://youtu.be/OTexw8ZNZos Facebook Messenger Logo: https://youtu.be/jLTnxqdzVkI Windows 95 Log
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
山中俊治の「デザインの骨格」 » tagtypeキーボードが、MoMAの永久所蔵品になりました。
あまり広報していませんが、昨年、両手親指キーボード tagtype Garage Kit が、ニューヨーク近代美術館のパーマネントコレクションに選定されました。 この選定は、私にとっては、特別な意味を持ちます。tagtypeキーボードをデザインする以前の私は、様々なプロダクトをデザインしながら「まだ理想には遠い」と感じていました。製品は、技術開発の根幹から、外観も中身も、ソフトウェア至るまですべて一貫した美意識に貫かなければならない。そう考えていたのですが、そんなことを依頼するクライアントがあるはずもなく、自分でやる技術力もなく…。 その状況が変わったのは、2000年前後。東京大学で私の教え子であった田川欣哉が、私のスタッフとなり、本間淳が外部スタッフとして参加してからでした。 二人は、ともに優秀なメカトロニクス・エンジニアであり、プログラマでした（特に本間は、そのうち奇人・天才シリーズで
インタフェースの大変動 最初の三〇年は始まりにすぎなかった。
インタフェースの大変動 最初の30年は始まりにすぎなかった InterCommunication No. 60 Spring 2007 特集「デザイン／サイエンス」 に寄稿 渡邊恵太 本稿は、近年のインターフェイス・デザインの考え方の変化について述べるものである。最初にインターフェイスの視点から現在動きの活発な企業や考え方について紹介する。そして、その企業に共通する点から認知科学的アプローチの限界を示唆する。それを背景に、これからのインターフェイスの考え方について述べる。 はじめに 今日のユーザー・インターフェイス研究の流れは、大きな変化を見せはじめている。たとえば、Macintoshとユーザー・インターフェイスは切っても切れない関係で、常に先端をリードしてきた存在である。そのApple社が先日の「Macworld Expo 2007」にて、「最初の30年は始まりにすぎなかった（The f
【2020年】Macによく似合うリーズナブルなPCデスク 10選 【 リンゴノコト。 】
せっかくかっちょいいMacを買ったのだから、ちょっとお洒落なPCデスクも一緒に揃えたい。 今回はMacに似合いそうなPCデスクを10個集めてみました。 ＊過去の記事のリンクが切れていたため、内容を見直し再投稿しております。 Macに似合うPCデスクを集めましたFE DESK天板材質：ポリエステル樹脂加工化粧板 価格：30,736 円 サイズ：幅120×奥行き55×高さ74cm デザインの一部にアルダー無垢材を使用。落ち着きのある大人なデザイン。 取り扱い店：インテリアショップ ココテリア ＊アルダー材は太平洋の北西海岸やヨーロッパに生育する、カバノキ科ハンノキ属の広葉樹。 FLEUR 120 DESK天板材質：ビーチ無垢材 価格：26,990円 サイズ：幅120x奥行45×高さ75cm 天然無垢材を使用した温かみのあるデザイン。リビングにも馴染む。 取り扱い店：ISSEIKI ＊ビーチ材は
フェンスを外す人 - β2
イギリスのチェスタートンという批評家の名言に好きな言葉がある。 「なぜフェンスが建てられたのかわかるまで、決してフェンスをとりはずしてはならない 」 高級なクラブなどに行くと気づくのは、そこにある灰皿が極端に小さいことだ。小さく造形された灰皿はそれだけで独特な美しさを持っているが、ここには原作者の粋なアイデアが詰まっている。小さな灰皿は、一本でもたばこを吸えばいっぱいになってしまう。そうすると、スタッフが灰皿を新しいものに替える。そうするとことで、客への細やかなサービスを演出できるし、スタッフに自然と客へ細かく注目させることを可能にしている。 もちろん、これを違うやり方で実現することもできる。たとえばマネージャーが、スタッフに「客を細かく見ろ。灰皿は、客が一本たばこを吸ったら必ず変えろ」と言えばいい。そういうマニュアルを作ってもいいし、バックルームに貼り紙をしてもいい。なんらかの指示や号令
人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？ それは、 パーツが完璧に揃いすぎている！ のが原因です。 Twitter Bootstrapがバージ
並べてみると確かにそうかも。映画のポスターに使われる定番の構図12種 : カラパイア
映画の宣伝用ポスターやＤＶＤのパッケージに使われるアングルや構図には一定の傾向があるようだ。人気の構図は様々な作品に使われているみたいで並べてみると良く分かる。ということで人気のある12種の構図が紹介されていたので見てみることにしよう。
タブ使用時の注意点 (ユーザビリティ実践メモ)
タブによる表示切り替えは、様々なサイトで利用されている便利な機能です。さて、皆さんはタブの使い方が大きく2種類あることにお気づきでしょうか？ タブは便利であると同時に、背後のタブが見られない危険性が伴います。今回は、タブの2種類の使い方にそって、タブ利用時の注意点について考えてみたいと思います。なお、どちらの使い方か明確に分けられない場合は、両方の注意点を参考にするのがおすすめです。 ※タブを利用する際の注意点は過去の実践メモでも取り上げています。 （参考） 「困った時のタブ頼み」（ユーザビリティ実践メモ） まず、一つ目の使い方は、「多数の情報をカテゴリごとに整理して提示する」というものです。 例えば、ニュースサイトでは多数のニュース記事を「総合」「経済」「エンタメ」「スポーツ」というタブを使って分かり易く分類しているのをよく見かけます（図1）。あるいは、衣料品を扱うＥＣサイトでは「レディ
レトロフューチャー - Wikipedia
1930年代のソビエト連邦下で描かれた未来予想図[1]。 レトロフューチャー（英: retrofuturism、または retrofuture）とは、過去の人々が思い描いていた未来像のこと[2]。 20世紀初頭の衣服を身に纏ったまま未来の空飛ぶ乗り物 (aërial motor-car) に乗る2人の女性 (1905年) 。 レトロフューチャーとは最もシンプルな定義では過去の人々が思い描いていた未来像のことを意味する[3]。Elizabeth Guffeyによると優れたレトロフューチャーは過去 (当時) と想像上の未来が上手く融合しているという[4]。 また、1970年代から80年代の科学技術が急成長を見せた時代から流行しはじめた、「20世紀初頭から20世紀中期までの人々が描いた未来像」への懐古趣味や、当時のそういった描写を好み熱中する（現実の未来と比較し、郷愁を楽しむ）ことを指す[5][
分裂勘違い君劇場 - エンジニアがUIデザインしたがる本当の理由
ハイライトピックアップ Web2.0を引き起こしているのと同じ時代の潮流が、エンジニアの地位の低下を引き起し、エンジニアがUIデザインをしたがる動機を創り出している。 Googleは、「エンジニアの会社」という皮をかぶった「企画・マーケティング・デザイン」の会社である。 エンジニアよりデザイン能力の低いダメデザイナーがうじゃうじゃでてくる構造。 優秀な人ならデザインスキルがなくてもいいデザインができるのは幻想。現実には、デザインスキルの差は容易には超えられない壁。 デザイナーに必要な技術的知識とエンジニアの技術的知識は別物なので、エンジニアの技術力はデザインをする上でそれほど強みにならない。したがって、技術力とデザイン力を兼ね備えた優秀なデザイナーはエンジニアとデザイナーのハイブリッドではない。 一人の人間がUIのデザインと実装を両方やると二兎を追うものになってUIの質が低下する。二兎を追
書評「UIデザインの基礎知識」 - elm200 の日記(旧はてなダイアリー)
私はずっとプログラマとして活動してきたが、ウェブデザインをはじめとする見かけのデザインは苦手だった。ずっと避けて通っていたのだが、いまの時代、ウェブサイトのプロトタイプくらい自分で作れるようになりたいと思った。デザイナーの知人に相談したところ、紹介してくれたのがこの本。 ユーザーインタフェースデザインの基礎知識 ~プログラム設計からアプリケーションデザインまで~ 作者: 古賀直樹出版社/メーカー: 技術評論社発売日: 2010/04/23メディア: 単行本（ソフトカバー）購入: 11人 クリック: 170回この商品を含むブログ (15件) を見る 豊富な例を引用しながら、ユーザーインターフェイスをデザインする上で陥りがちな典型期な過ちを解説していく。数学科出身の著者というだけあって、解説は理論的で、感覚より論理を重視するプログラマにも分かりやすい。 理想的なコンピュータシステムは、ユーザー
【レポート】エキスパートが薦める、夏期休暇に読んでおきたい書籍 - UIデザイン編 | エンタープライズ | マイコミジャーナル
ユーザーインタフェースの『デザイン』はとにかく奥が深くて面白い。その奥深さを私に知らしめてくれた名著3冊を紹介します。 どれも新しい本ではなく、また明日からすぐに使えるような技を紹介するレシピ本でもありません。時に、著者のひとりよがりな議論も見受けられます。しかしながら、それらを差し引いても、十分に読む価値があると思いますし、いずれの本も私の心に強く残っています。 著者達のデザインに対する深い洞察と熱い思いが、読者をデザインの本質に力強く導いてくれる、質の高い読み物です。ユーザーインタフェースのデザインに、腰をすえて向き合いたい人に、特におすすめします。 川原英哉 Sun Microsystems所属時に、次世代3次元デスクトップ環境である『Project Looking Glass』を発案して以来、新しいユーザーインタフェースの可能性の追求に没頭する。その後、米Googleを経て、現在は
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
WEBデザインの見本帳｜WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!
http://www.stylish-style.com/csstec/base/link.html
デザイナーのためのGithub for Mac入門
http://www.amazon.co.jp/%E3%83%92%E3%83%A5%E3%83%BC%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%BB%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B9%E2%80%95%E4%BA%BA%E3%81%AB%E5%84%AA%E3%81%97%E3%81%84%E3%82%B7%E3%82%B9%E3%83%86%E3%83%A0%E3%81%B8%E3%81
TAKASHI INABA