We use cookies. Read our Cookie Statement and select which cookies you would like to accept.

Product design mastery in one weekly email Practical lessons, resources, and news in just 5 minutes a week.

Material Designを使いこなすための最速の手順を紹介します。最近UIデザインを始めた方、iOSアプリのデザインはしていたけどAndroidのデザインも行う必要になった方、WebサービスでMaterial Designを使ってみたい方、Androidエンジニアでデザイン方面ももっと知りたい方などは参考にしてみてください。 Material DesignとはMaterial DesignとはGoogleが構築したUIデザインフレームワークです。Androidだけでなく、WebやiOSのデザインにも活用できます。 ざっくりとした内容は「Material Designとは」でググってみてください。基本理念をわかりやすく解説している記事が並んでいます。この段階ではなんとなくMaterial Designってこんなんだなって理解したら十分です。 それではガイドラインを読み込む前に、まずは準

モバイルのデザインは、デスクトップのエクスペリエンスを小さな画面に合わせて縮めるだけでは不十分だ。革新的で、統合され、強化されたエクスペリエンスを作り出す必要がある。 We Can Do Better on Mobile: Designing for the Medium by Amy Schade on October 15, 2017 日本語版2018年3月20日公開 新しいメディアのエクスペリエンスをうまく作成できるようになるには時間がかかるものだ。テレビが発明された頃、初期のテレビ番組は、ラジオのドラマをこの新しいデバイスにそのままもってきたものが中心であり、トーク番組やゲーム番組、ホームコメディ、リアリティ番組がテレビに居場所を見つけるまでにはしばらく時間が必要だった。また、初期のWebサイトは、パンフレット状のもので、それに他のブローシュアウェアサイト（：ブローシュア、つまり、

CV / Projects / News / Contact / settings / 2355ID / 0655ID / 21_21 DESIGN SIGHT 企画展「単位展」 / 21_21 DESIGN SIGHT 企画展「アスリート展」 / 観察の練習 / 行動経済学まんが ヘンテコノミクス / Difference / 差分 / Designing the Line of Sight /

Recent Posts Afterword Manifesto of the Modelessist Party Counterpart User-Side Spatial Recent Commentsotktko on Syntax名無しのゲーマー on FPS vs RPG中内淑文 on Afterwordueno on Afterwordくぼた on AfterwordArchives January 2010 December 2009 November 2009 October 2009 September 2009 Categories Uncategorized Meta Log in Entries RSS Comments RSS WordPress.org

Are you checking color contrast in your design for optimal readability? Learn more from @troz's simple method. A r e y o u c h e c k i n g c o l o r c o n t r a s t i n y o u r d e s i g n f o r o p t i m a l r e a d a b i l i t y ? L e a r n m o r e f r o m @ t r o z ' s s i m p l e m e t h o d . When you create color palettes for your web design projects, are you testing the color combinations f

社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。

デザイナーとして働くことで身についた「無自覚の職業病を自覚し言語化すること」を自身のnoteテーマとしてみました。 いきなりですが、 「このモバイルバッテリー。使いやすくて便利です！」 「使いやすくて便利！」という単純な感想だけでなく、日頃の仕事（Webデザインなど）に役立つヒントがないか探ってみます。 使いやすいってのは……。 便利ってのは……。 …。 といった感じで思考を巡らします。 今回は次のようなデザインのヒントが見つかりました。 【デザインのヒント】 ・人は「便利さ」に対してかなり貪欲 ・「便利」と「使いやすい」はわりと違う ・「使いやすくて便利！」な機能追加は「ユーザーの決断を減らすもの」 人は「便利さ」に対してかなり貪欲まずは、製品の紹介ページを読むことで、この製品が「ユーザーのどんなニーズを満たしてきたか」を勝手に妄想してみます。 自分が気になった製品の”作り手”と”使い手

Inside Frontend #2

The repository of publicly available design systems and pattern librariesStart Exploring SystemsWhy Adele?

Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 MVP（実用最小限の製品： minimum viable product）という考え方が広まったのは少し前のことです。MVPはFrank Robinson氏によって定義され、起業家であり学者のSteve Blank氏と、リーンスタートアップ（Lean Startup）を提唱したEric Ries氏という２人のプロダクトデザインの権威によって有名になりました。 MVPとは？ 簡単に定義すると、MVPとは、製品を提供する上で必要最小限の機能のみをもつ、もっともシンプルな製品です。しかし一般的には、「顧客価値があり、利益を生み出せる最小限のもの」と考えられています。 MVP戦略においては、価値基準を理解することが決定的に重要です。たとえば、車輪は車輪だけではユーザ

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! There are a lot of ways to work with color on the web. I think it’s helpful to understand the mechanics behind what you’re using, and color is no exception. Let’s delve into some of the technical details of color on the web. Color mixing A huge part of working with color is understanding tha

「配色えらびのベストな方法が知りたい」 「イメージにあった色をもっと手軽に選びたい」 「色がなかなか決まらない」 「配色えらびにAIを活用してみたい」 この記事では、配色えらびが苦手なひとに役立つ無料ツールをまとめてご紹介します。 ２０１６年８月の初投稿から９年かけてわたしが見つけた、実践向けの配色ツールをカテゴリ別に揃えました。 リンクの切れたツールは削除し、新しいデザインツールを追加した最新版にアップグレード。 配色の基本ルールを頭に入れておけば、お気に入りの色を効果的に見つけることができますよ。 コンテンツ目次 普段使いできる便利ツール（17個） ワンクリック、人工知能系ツール（20個） マテリアルデザイン系ツール（4個） Webデザイン・UIデザイン関連ツール（21個） 写真から抽出系ツール（2個） インスピレーション系ツール（14個） グラデーション関連ツール（29個） 配色カラ