アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
Webデザイントレンド定点観測 マテリアルデザインについて学ぶ | Adobe Pinch In
東京都渋谷区でフリーランスWebデザイナーとして働く、黒野明子（くろのあきこ）と申します。 ずっと「当連載で取り上げたい」と思いながら、なかなか手を出せなかったテーマが、Googleが昨年7月に発表した「マテリアルデザイン」です。 かなり「いまさら」感はありますが、「2015年のWebデザイントレンド」関連記事には必ずと言っていいほど取り上げられるこのテーマ、やはり当連載でも触れておきたいと思います。 「マテリアルデザイン」は、iOSやWindows 8などで採用されている「フラットデザイン」と、デザイン要素のシンプルさでは共通する部分があるものの、最大の違いは「光源、影、奥行き」の概念を持つことでしょう。 しばしば「どこを押せば良いか分からない」と言う声も聞かれるフラットデザインとは違い、マテリアルデザインでは「キーライト」と「アンビエントライト」という2種類の仮想の光源がもたらす影を重
マテリアル デザイン関連の動画に日本語字幕が付きました
.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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
