UIガイドラインから学ぶライティングの基礎
言葉で決まるアプリの印象 2 年前に発表されて以来、細かな更新が続いている Material Design。最近、UI の動きに関するガイドが大幅に改変されたことで、感覚的なところも共有しやすくなってきました。Android アプリにおける UI デザインの基礎を固める上で、Material Design は非常に参考になりますが、このガイドラインは見た目のことばかり書かれているわけではありません。 Material Design の中には「Writing」と呼ばれる言葉遣いに関する項目があります。ボタンのような操作 UI のラベルはもちろん、エラーメッセージや、挨拶文など、アプリに表示されるテキストすべてに関してガイドラインが制定されています。言葉は大事なインターフェイスですから、きちんと項目をつくって紹介してあるのは素晴らしいことです。 以下、「Writing」項目で紹介されているガイ
マテリアルデザインとは〜基本概念と実務で使える無料フレームワーク6選
この記事は、2016年4月13日の記事を再編集したものです。 これからWebデザイナーとして働く方に確実に知っておいてほしい知識の1つに「マテリアルデザイン」があります。 2014年6月にGoogleが発表したマテリアルデザインは、現在Googleのほとんどのサービスに適用されており、採用する企業も徐々に増えています。 参考： Google の新しいデザインガイドライン「Material Design」｜クラスメソッドブログ AndroidやYouTubeなど身近なサービスに適用されているため、殆どの方が目にしたことがあるかと思いますが、マテリアルデザインの定義について、明確に理解できている方はどのくらいいるのでしょうか。 「わかりやすさ」を追求した結果生み出されたマテリアルデザインは、デザイン設計において非常に参考になる要素が多数含まれています。 マテリアルデザインを採用するしないに関わ
ヤスヒサ 🗑 on Twitter: "Design News のほうで Material Design の責任者 Matias Duarte 氏がデザイナーからの質問に応えているので、その超要約を今からツイートしていきますね。ちゃんと読みたい方はリンク先へ #design http://t.co/RqPMavT5Wc"
Design News のほうで Material Design の責任者 Matias Duarte 氏がデザイナーからの質問に応えているので、その超要約を今からツイートしていきますね。ちゃんと読みたい方はリンク先へ #design http://t.co/RqPMavT5Wc
マテリアル デザイン関連の動画に日本語字幕が付きました
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Year in Review 2014
無言語なものを言語化する 2014年は「デザインの言語化」として重要な年だったと思います。昨年くらいから、ようやくフロントエンド側のスタイルガイド作成が注目されたことで、デザインをいかに柔軟で拡張しやすいものを作れば良いのかという話がしやすくなりました。しかし、コードだけでなくビジュアルや感覚のところまで共有するツールを揃えなければ、本当の意味でデザインの拡張性は望めません。緊急時にデザインが崩れるのは、特定のデザイナー（又は制作会社）にデザインをすべて任せてしまっている可能性があります。これでは、Web サイトはいつまでもチラシのような存在から抜け出すことができませんし、運営という考えも根付かないでしょう。 デザイナーの手を借りなくても、ある一定の水準を保ちながらデザインされたコンテツを出し続けることが運営での大きな課題です。今年は各地でデザインの評価の仕方について話したのも、「かっこい
フラットデザインとマテリアルオネスティ
Kevin Goldmanがマテリアルオネスティの概念をスキューアモーフィックデザインとフラットデザインの間の議論に適用している。問題点は、フラットデザインがマテリアルオネストであり、スキューアモーフィックデザインがマテリアルディスオネストであるか、ということになる。 黒須教授 2014年5月14日 Windows 8やiOS 7に採用されているフラットデザインが、これからしばらくの間、GUIデザインの主流になるかどうかは分からないが、ちょっと流行っているのは確かである。 このフラットデザインに関連して、Kevin Goldmanはmaterial honestyという概念に注目している。この概念は、「物質は他のなにかを模するより、それ自身であるべきだ」という考え方で、RuskinやCharles & Ray Eamesあたり、つまり19世紀から20世紀にまで遡ることができるそうだ。たしか
I/O 2014 アプリに学ぶマテリアルデザイン
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
Material Design Resources and Inspiration - Designmodo
Google Provided Resources Google is nice enough to give the masses a pretty long list of resources. They provided a variety of templates in Adobe Illustrator format. They are free to download on the Google Resources Page within the Material Design Guide. If you are looking for specifics, I’ve got them. Here are some of the more notable files for you to download: Mobile Whiteframe Tablet Whiteframe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MUI: The React component library you always wanted
Bootstrap 5 & Vanilla JavaScript - Free Material Design UI KIT
Material Designが解決するAndroidのデザイン的課題 (1/2)