「Tama Design University」講義プログラム概要プレスルーム著作権お問い合わせクリエイター向け広告掲載開発者向け利用規約プライバシーポリシーとセキュリティYouTube の仕組み新機能を試してみる© 2024 Google LLC
Design Docs at Google
One of the key elements of Google's software engineering culture is the use of design docs for defining software designs. These are relatively informal documents that the primary author or authors of a software system or application create before they embark on the coding project. The design doc documents the high level implementation strategy and key design decisions with emphasis on the trade-of
見た目の美しさとアクセシビリティを戦わせないで / masuP.net
UX MILKに投稿されていた見た目の美しさとアクセシビリティのパラドックス 原文 The Aesthetic-Accessibility Paradox を読んで思うところがあったので考えを整理しながら 見た目が美しくアクセシブルはパラドックスではない 記事の中では アクセシビリティの目標は多くの場合忘れられがちな少数派のニーズを満たすこと The goal of accessibility is to meet the needs of the minority because they're often forgotten 反対に、通常の視力をもつ人の目には美しいインターフェイスが好まれます On the flip side, highly aesthetic interfaces are easier on the eyes of the normal-visioned と前置きさ
北斎のライバル⁉ ゆる絵師・鍬形蕙斎の描く絵が最高にかわいい♡
消費税率の改定に伴い、切手の値段は変わってしまいましたが、2019年7月にとてつもなく可愛い切手が発売されたのをご存知でしょうか？ こちらの「鳥獣略画式」の切手は、その愛らしさに品切れとなる郵便局もあったそう。Twitterでも話題になっていましたね。 動物シリーズ第2集の切手が、7月30日(火)から全国の郵便局で発行されます。江戸時代の浮世絵師・鍬形蕙斎(くわがたけいさい)「鳥獣略画式」に登場する、江戸時代に描かれた可愛い動物たちがデザインされています。 pic.twitter.com/4amZ8QCh1R — 公益財団法人 日本郵趣協会 (@kitteclub) May 30, 2019 作者は江戸時代の絵師、鍬形蕙斎（くわがた・けいさい）。江戸時代にこのキャラを描けるセンス、ちょっとびっくりですよね。実は蕙斎、今では知る人ぞ知る絵師となってしまいましたが、当時は「北斎嫌いの蕙斎好き」
「高輪ゲートウェイ駅」を路線図にどうやって入れるか｜井上マサキ｜note
山手線の駅名でカタカナを採用するのは初めてだったり、駅名を公募して6万件も集まったのに130位だった「高輪ゲートウェイ」を採用しちゃったり、ネットでも否が多目の賛否両論が渦巻いておりますが……。 この長い駅名、路線図にとっても一大事なんですよ。路線図マニアとしては「『高輪ゲートウェイ』という長い駅名を、品川と田町のあいだにどうやっていれるのか？」が、どうしても気になります。 たとえばJR東日本の首都圏近郊路線図を見てみると……。 品川−田町間はこうなってます。 元々、品川と田町のあいだに何かしらの新駅が入るのは予定されていたこと。田町と浜松町をちょっと上に移動してスペースを空けることにはなっていたと思うんですよ（浜松町を動かすと東京モノレールにも影響があるのでそれはそれで大変ですが……） ここに「高輪ゲートウェイ（Takanawa Gateway）」を挿入するとなると、大崎のローマ字にまで
娯楽を超えたデザイン （UI Crunch #13 娯楽のUI イベントレポート）｜のっち Ryosuke Inoue
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
Googleのデザイナーなどのポートフォリオを300件以上閲覧できるサイト Bestfolios - LOGzeudon
海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may
UXデザイナー深津貴之が語る身も蓋もない組織論!? 「ユーザー目線のない会社からは逃げるしかない」「それでもそこでがんばりたいなら……」 | HRナビ by リクルート
PCやスマートフォンを開けば、そこには不愉快なUIが至るところにあふれている。さして文章が長くもないのにページが4分割されているニュース記事（腹立たしいことに4ページ目はたった1行だったりする）、サッカーのハイライト動画でシュートの行方をカメラが追い始めた瞬間に始まる動画広告、場面転換をするたびにCMが挟み込まれ、もはやCMを見ているのかゲームをしているのかわからなくなるアドベンチャーゲームアプリなど……。 さらに不幸なことは、ウェブメディアの編集部や動画配信者、ゲーム制作会社の制作現場にいる人たちにとっても、これは決して愉快な状況ではないということだ。罵詈雑言混じりの苦情が書かれたユーザー評価欄やSNSを見ながら彼らは言うだろう。「誰が好き好んでこんなUIを作るものか」と。 関わる誰から見てもおかしなUIは、それでもなぜ量産され世の中のストレスを増幅させ続けているのだろうか？ その負のス
Atomic Designの考え方と利点・欠点 – wkr.
Atomic Design はデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日本だとAbemaTV（アベマ TV）で使われています。 （Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより） Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。 作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。 その 5 つの単位は Atoms（原子）・Molecules（分子）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）です。 各コンポーネントの詳細は次のとおりです。
Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物
ここ半年開発していた動画サービスをベータ版ながらリリースしました（正式リリースは 4 月）。そのサービスの開発において、以前投稿した Atomic Design を採用しました。本記事では Atomic Design を実案件に導入した結果と感想を書いていきます。 Atomic Design の基本的な概念に関して知りたい方は Brad Frost 氏の原文、もしくは私の以前の記事↓を参照できます。 最近よくクリエイターが移住するカナダで Atomic Design を学ぶ Atomic Design を導入して正解 結論から書くと、今回 Atomic Design を導入したことは正解でした。コンポーネントの粒度を論理的に説明できるガイドラインとして十分すぎるほどの役割を果たしてくれました。 このガイドラインがあることで、デザインに関してさほど関心がない人（たとえばデザインよりもエンジニ
iOS 9 GUI (iPhone) — Facebook Design Resources
Photoshop and Sketch templates of GUI elements found in the public release of iOS 9. Go make good stuff. Most people find this file useful for mocking up apps. Others use it to concept ideas or create custom interface elements that work harmoniously with those native to iOS. Whatever your use, we hope you make good stuff with it. New to this app design thing? You may want to become acquainted with
Page Layers - Website screenshots for macOS
Page Layers is a website screenshot app for macOS. It converts web pages to Photoshop files with separate layers for all page elements. It enables you to open web pages in Photoshop and saves you lots of time when re-designing or improving existing web page designs. Just open any page in the embedded browser and save the page as PSD with layers or as plain PNG image. In the HTML to PSD conversion
スクラムにおけるデザイナーの立ち位置とは | PSYENCE:MEDIA
こんにちは、石黒です。 スクラムにおけるデザイナーの立ち位置ってどうすればいいの？ 開発チームと一緒に動くのか、開発チームとは別に動くのか、こんな疑問の声があちこちから上がってきています。そこで、リクルートマーケティングパートナーズ ( 以下、RMP ) で内製開発を実施している料理サプリのデザイナーは、どのように動いているのかをご紹介します。 また、スクラムに関してはこちらの記事で紹介しておりますので、こちらも併せてご覧いただければと思います。 正しく理解しようアジャイルとスクラム〜アジャイルとは？〜 正しく理解しようアジャイルとスクラム 〜スクラムの概要を知ろう〜 スクラムの始め方 〜私のスクラムとの出会い編〜 料理サプリとは 料理サプリは、プロの料理人による質の高いレシピを無料で提供するサービスです。すべてのレシピに丁寧な調理動画がついているため、知りたかった料理のコツも気になったそ
The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer
Updated: 18. October 2020 The iOS Design Guidelines Design great-looking apps for Apple iOS devices. Designing iOS apps can be difficult sometimes, but finding correct and up-to-date information about all of Apples’ devices shouldn’t be. These design guidelines will help any designer who’s building neat things for iOS get started within seconds. About these guidelines These guidelines describe how
エンジニアがデザインに取り組んでわかったこと
最近、いくつかのデザインに取り組んでわかったことがあるので、書いておこうと思う。 ぼくは2,3年前にこの業界に入ってからずーっとフロントの実装畑でやってきた。 それは自分の意図していたものではなかったけど、前職のまぼろしという会社は実装が強みの会社だったので、デザインに触れることはほぼほぼなかった。 それもあってか、ぼくは「もうちょっとコストを考慮してほしい」「このあしらいが一体ユーザーにいくらのお金を落とさせるんだろう」とか、あげくの果てには「実装のことを考えたデザインをすべき」とまで考えていた。これらの考え方はぼくだけでなく、コーダーからよく同様の声が上がっている。 だけどデザイナーさんと接する機会が増えるごとに、デザインができるようになったら今までイラついていたことがどんな風に見えるのか確かめたいな、という気持ちになった。 それ以外にも「なにか作るとデザイナーばかり褒められて厳しい」
Design Sprint Night! 参加してきた - いもろぐ
2015/3/6に行われたDesign Sprint Night! 〜 先駆者たちから聞くDesign Sprint の実際 - connpassに参加したときのメモと感想です。 プログラムの話じゃないですけど、最近仕事でこういうのも関わるようになりまして、メモメモ。 本人の発言やスライドの内容をそのまま書いているわけではなく、私の受け取ったイメージで書いてるところもあります。 予備知識として「デザインスプリント」について知るには、まず下記の2つのスライドを抑えておくのがいいです。 Design Sprint 概要 / デザインスプリント概要 from Takaaki Umada Design Sprint Process / デザインスプリントの実際のプロセスについて from Takaaki Umada 私の疑問点 この勉強会の話をきいて、私が疑問に思ったことを先に書いておきます。教え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Apple Design Resources
マテリアル デザインのガイドライン（日本語版）
Google Design
デザインの使命は「問い」を生み出すこと：Superfluxの「スペキュラティヴ・デザイン」とは #WXD