マテリアルデザイン

マテリアルデザイン サウンドの章を読む 5/5 Sound resources

サウンドリソース

オーディオファイルは、ご自身の製品でご利用いただけます。

様々なシナリオのためのサウンドを含む、ご自身の製品で使用するためのオーディオファイルのセットをダウンロードしてください。

・アラートと通知
・ヒーローサウンド
・プライマリーシステムサウンド
・セカンダリーシステムサウンド

※引用元サイトから音源をDLできます。今までガイドラインに出てきていた区分で、各6~15種類

もっとみる
ありがとうございます!

マテリアルデザイン サウンドの章を読む 4/5 Sound choreography

こちらのつづきです。またまた、個人的な学習としてガイドラインを日本語化していきます。

引用元:Material Design - Sound
https://material.io/design/sound/sound-choreography.html
訳文が変だな?と思った際には上記の原文をご確認ください。私は機械翻訳やWeb上の英和辞典を頼りに生きています。

音楽用語については、自分の

もっとみる
うれしいです!
2

マテリアルデザイン サウンドの章を読む 3/5 Sound attributes

こちらのつづきです。相変わらず、個人的な学習としてガイドラインを日本語化していきます。

引用元:Material Design - Sound
https://material.io/design/sound/sound-attributes.html
訳文が変だな?と思った際には上記の原文をご確認ください。私は機械翻訳やWeb上の英和辞典を頼りに生きています。
動画や画像は、全てこちらからの

もっとみる
精進します…!
2

マテリアルデザイン サウンドの章を読む 2/5 Applying sound to UI

こちらのつづきです。引き続き、音について個人的な学習としてガイドラインを日本語化していきます。

引用元:Material Design - Sound 
https://material.io/design/sound/applying-sound-to-ui.html#principles
訳文が変だな?と思った際には上記の原文をご確認ください。私は機械翻訳やWeb上の英和辞典を頼りに生きてい

もっとみる
ありがとうございます!
50

マテリアルデザイン サウンドの章を読む 1/5 About sound

これは個人的な夏休みの課題として。
これはUIにおける音についての学習として。
Googleのマテリアルデザインの中のサウンドの章を読みます。
ついでに日本語化していきます。

引用元:Material Design - Sound 
https://material.io/design/sound/about-sound.html#types-of-sound
訳文が変だな?と思った際には上記の

もっとみる
精進します…!
3

【解説してみた】マテリアルデザインガイドラインのテキストについて-Text legibility .ver-

こんにちは!セブンデックスのsakuです。

はじめてUIデザインに出会った時、UIデザインの第一歩としてHIG(Human Interface Guidelines)とmaterial design guidelinesを読むように勧められたのですが、実務経験なかった当初の私は読んでも内容が頭に入ってきませんでした🤯

特に翻訳された文章は読解しづらい部分が多く、どなたか解説してくれたらとても

もっとみる

「マテリアルデザイン」って何だろう

相変わらずデザインについて勉強中です。

今回はグーグルが提唱しているデザインガイドライン「マテリアルデザイン」についてまとめてみました。

マテリアルデザインとは?

そもそも、「マテリアルデザイン」って何なんでしょうか?

記事冒頭でも触れましたが、マテリアルデザインとは2014年6月にグーグルから発表されたデザインガイドラインとのこと。(デザインガイドライン=デザインを進める際の指針)

もっとみる

【Material Design】SnackbarとToastの使い分けと注意点

こんばんは!デザイナーの@kannaです。
最近改めてマテリアルデザインのSnackbarについて触れる機会があったので記事にしておこうと思います。

はじめに

Material Design ガイドラインには Confirming actions と Acknowledging actions の2つのアクションタイプがあります。
Confirming actionsは確認のためのアクションで

もっとみる
スキをありがとう♥ あなたの力になれたら嬉しいです
4

面白かった「デザイン」系記事まとめ(2020年5月4週目)

2020年5月4週目に読んだ、個人的に面白かった「デザイン」系の記事をまとめました。

1.希少性(失いかけるとほしくなる):行動経済学とデザイン16

デザインをする上で、行動経済学を意識することは非常に重要です。

この記事を書いた「ジマタロ」さんは、行動経済学の一要素をデザインと絡めた記事を連載されていて、今回は「希少性」についての内容となっています。

非常に勉強になるので、この記事だけで

もっとみる
スキありがとうございます!🙇‍♂️
18

新UIトレンド「ニューモーフィズム」に見るデザインの過去と今後

WEBサイトを含むUIのトレンドを掘り下げ、新UIトレンド「ニューモーフィズム」についても考察してみたので共有します。
今回も個人的所感です。

UIの流行り廃り

デバイスの高スペック化、閲覧環境の変化、大衆のUI体験の向上等の様々な要素が相まって、美しい・良いとされるUIデザインの様相は常に変化します。代表的なスタイルの移り変わりは以下の通り。

■ 質感のある「スキューモーフィズム」
スキュ

もっとみる
ありがとうございます!フォローも是非!
26