Googleでの「Design Docs」とは 2007年の Google Developer Day Tokyo での鵜飼氏のプレゼンによると「Google で必ず書くことになっているドキュメント」であり、「プロジェクト立ち上げ時の 1～2週間をかけて書く」ものです。 今回は Google のソフトウェアエンジニアである @cramforce 氏が自身のブログで「Googleでの Design Docs」について解説している記事を公開されていたため、氏の許可を得て翻訳しています。 原文： www.industrialempathy.com 関連書籍： Googleのソフトウェアエンジニアリング ―持続可能なプログラミングを支える技術、文化、プロセス オライリージャパンAmazon 読了目安：11分 (目次) デザインドキュメント の解剖学 文脈と範囲 目標と非目標 実際のデザイン システ

大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後

任天堂のWii Uソフト「Splatoon(スプラトゥーン)」。発売から1カ月ほどで世界累計販売本数が100万本を突破するなど、非常に勢いのあるスタートを切った同社の新規タイトルは、「マリオ」「ゼルダ」などの歴史あるゲームタイトルと比べると「やんちゃ」に映るキャラクターデザインや、インクの鮮やかな色選びなど、ビジュアル面にも目を惹くものがある。 また、筆者自身、このゲームを始めたある知人のデザイナーから、「Wii U本体と一緒に買ってでもやるべきだ」と猛烈なプッシュを受けた。買う前に評判を調べたところ、このゲームに熱中し、日々インクにまみれた生活をしているクリエイターは結構いる、ということが分かった(そしてミイラ取りがミイラになる格好で、筆者も現在進行形でプレイしている)。 そこで今回、スプラトゥーンをプレイしているデザイナーやイラストレーター、サウンドクリエイターなどの協力を受け、彼らが

英語版の記事はこちら 東京2020オリンピック・パラリンピック競技大会エンブレム制作者である佐野研二郎氏は5日、都内で会見を開催。メディア向けにデザイン、制作意図、オリジナリティの根拠について、改めて説明の場を設けた。 佐野氏は騒動を受け、会見の冒頭で「大変驚いており、模倣というのは事実無根」とコメント。訴えを起こしているベルギーの劇場のロゴについては「要素は同じだが、デザインに対する考え方がまったく異なる。自身のデザイナー、アートディレクターのキャリアの集大成としてすべての経験と知識を注ぎ込んだものであり、これ以上のものはないと考えている」とし、エンブレム制作の過程についてボードを用いて詳しく解説した。

こんにちは。 AWAでアートディレクション／デザイン／ブランディングを担当しているムロハシと申します。 今回はAWAのUIデザイン、インタラクションがどのようにしてつくられたのか、 先日行った「 メディアプロデューサー養成講座」の講義内容をベースに、 簡単ではありますが書いていきたいと思います。 「AWA」とは？ AWAとは、ひとことで言うと 「登録なしですぐに音楽が聴ける定額制の音楽配信アプリ」です。 サービスの特徴として第一にあげられるのは、 ・好きなアーティストを聴くだけでなく「プレイリスト」を軸に、自分の好みにあった音楽が「リコメンド」されること リコメンドを通じて「昔好きだったあの曲」や「まだ知らなかったけど好きな曲」を一人ひとりにパーソナライズしてお届けしています。 そのほかの詳しい説明は プレスリリースをご覧いただければと思います。 インタラクションモックの重要性 AWAの初

スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

Private content!This content has been marked as private by the uploader.

iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

登録は無効化されました。

最近のWebサイトやブログで見かけるアニメーションを使ったさまざまなかっこいいエフェクトやコンテンツの見せ方を実装するCSSやJavaScriptのチュートリアルをCodyHouseから紹介します。 それぞれファイルを一式でダウンロードできるので、すぐに利用できます。 Fixed Background Effect デモページ 対応ブラウザ：Chrome, Safari, Firefox, Opera, IE9+ sectionやdivを垂直に配置した縦長ページで、背景を固定し、各コンテンツがカーテンを引き上げるようにスクロールするシンプルなテンプレート。

今週のお題「これって私だけ？」 すでに解決した話なんですが、勘違いしてたお話。 東横線に乗ったことがある人なら見たことがあるであろう、あの露出が激しいクマ。 妻とそれを見ながら、 私「このクマさー露出激しいよね」 妻「そだね」 私「それにかなりグロいよね」 妻「そう？」 私「スパッと切れてるじゃん」 妻「え？」 私「え？」 勘違いしていたのは私だけでしょうか……。これだけインパクトがあれば注意するよなぁ、と。 ちなみにこのクマは、カルビーボテトチップスのじゃがいも君やミスタードーナツのキャラクターを手がけていた原田治さんがデザインしたものだそうです。 カルビー ポテトチップスコンソメパンチ 60g×12袋 出版社/メーカー: カルビー発売日: 2012/11/19メディア: 食品&飲料この商品を含むブログを見る そんなことをなぜ知ってるかというと、はてなダイアリーで原田治さんご自身がこんな

By SamsungTomorrow サムスンは未来の製品開発のための潤沢な予算を組んでおり、欧米の優れたデザイナーを雇用していますが、Samsung Design Americaの製品戦略およびユーザーエクスペリエンスデザイン部門の元トップであるケルビン・リー氏いわく、サムスンのデザインが発展しづらいのは資金不足やアイデア不足というわけではなく、サムスンの企業体質とシリコンバレー特有のデザイナー文化がかみ合わないことが原因の1つであると語っています。 Why Samsung Design Stinks | Co.Design | business + design http://www.fastcodesign.com/3042408/why-samsung-design-stinks Ivey Business Schoolのリン・イマイ教授は「サムスンには韓国文化が強く反映されており

「デザインは化粧ではない」――。この言葉は、書籍『ジョナサン・アイブ』の中で、スティーブ・ジョブズの言葉として度々登場する。「化粧」というのは、製品のうわべだけきれいにすることを表している。これに対して、本連載の第1回で紹介したように、アップルやジョナサン・アイブは、ユーザーが製品をどう感じ、どう使うかまで意図して開発することを「デザイン」と受け止めている。 「我々が目にする製品の多くは、ただ見た目を変えることだけを目標につくられている…イノベーションがないばかりか、純粋に時間や持っているリソース、より良く仕上げるための十分な気遣いをすることもなく…」（ジョナサン・アイブ／2007年） このアイブの言葉から8年がたち、iPhoneがあれだけ大成功をおさめた今でも、製品の見た目だけを差別化する「お化粧」でつくられた製品を数多く目にする。家電量販店の一部の陳列棚は、まるでこの「厚塗り化粧商品」

「明朝体をもう一度日常に」――Webサイトやデジタルデバイスの普及で見かける機会が減っている明朝体。今の時代に適した新たなスタンダードを目指し、「AXIS Font」を手がけるタイププロジェクトが開発したのが横組みに特化した「TP明朝」だ。なぜ今、あえて明朝体なのか。生みの親の鈴木功社長に聞いた。 明朝体とゴシック体、逆転する存在感 明朝体は、毛筆の楷書体が様式化された書体で、ゴシック体と並ぶ基本スタイルの1つ。基本的な地の文の書体として広く使われてきたが、縦の線が太く横の線が細い、縦書きの視線運びを意識した形式であることから、デジタル化の進展とともに利用シーンが減っている。Webの日本語表示はゴシック系がほとんどだ。 鈴木社長は「以前はカジュアルなゴシック体が脇役的な使われ方をしていたのに、現在は逆転している印象。スマホやPCが基本の若い人たちにとっては、もはや見慣れないフォントになって

新しいオプション装備に加えてくれないかな～。 自動車のドアって、スライドドアなどを別にすれば、基本的にノブに手をかけてヒンジを中心に開閉するスタイルが、19世紀に自動車が発明されて以来、ほとんど変化していないそうですね。でも、こんなふうに車体の下に滑り込んでいく設計のドアデザインはいかがでしょうか？ カリフォルニアに本社があるJatechが発表した｢Retractable Vehicle Door｣は、通称｢消える自動車ドア｣こと｢Disappearing Car Door｣のネーミングの通り、これで乗りつけて車内から颯爽と出てくれば、周囲から大注目の的となること間違いなし！ また、隣の車や壁との隙間がほとんどない場所でも、ドアを開くためのスペースを必要としないため、非常にスムーズな乗り降りができる実用性も備えていると好評のようです。 ただ同社は、高級車のみならず、普通のコンパクトカーにで

Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.