Apple、Googleに続くデザインガイドライン、『Microsoft Design』について | DeNA DESIGN BLOG
こんにちは、今年度に新卒入社したデザイン戦略室デザイナーの貴島と申します。本稿ではデザインガイドラインに焦点を当ててご紹介をしたいと思います。 私達がアプリの設計をする上で最初に行うべきことは、プラットフォームのデザインガイドラインを理解・熟知することでしょう。 Apple社は『iOSヒューマンインターフェイスガイドライン』、Google社は『マテリアル デザイン』といった独自のデザインガイドラインを設けており、プラットフォーム上のアプリに対してデザインガイドラインに沿った設計を推奨しています。 またデザインガイドラインは端末毎の差異を含めて画面構成が設計されているため、結果的に各OSに合わせた最適なユーザーインタフェイスの設計を可能にします。 ( ※マテリアル デザイン』日本語版のガイドライン(PDF形式)が先日公開されました。 ) マテリアル – 日本語 - Material Desi
アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
イラレで作ったandroidアプリの素材をsketch3で書き出す - ゆるりブログ
androidアプリのデザイン androidアプリのデザインするときはIllustratorを使ってる Illustratorが好きだからっていうのもあるし、解像度がいろいろあってややこしいからベクターデータで持っておきたいとか、そんなに複雑な効果をつけることもないだろうしPhotoshop使わなくても、とかそんな感じ googleのMaterial Designのガイドラインを読んでいるとドロップシャドウの描写が見られるのだけれど、これはアプリをz軸のあるものと捉えて深さに応じてつける感じで「z-depth=1」みたいな表記を見る限り影のある画像を用意しなくてもある程度はコード側でなんとかなるのでは、と思っている 四角以外の画像でコードでどうにかできなさそうなやつも、イラレで再現するならどうすればいいか丁寧にガイドラインに載ってる ガイドライン、ものすごく詳しく書かれている Princ
Material Designから学ぶデザインと技術の共通項
Google I/O 2014 では様々なデバイスが発表されて、ますます Google が日々の生活へ入り込んでいくのだなという印象を受けました。幾つかのプロダクトは興味深かったですが、プロダクトより気になったのが Material Design の発表です。現在 Android L と称されている次期バージョン Android で採用されているデザイン言語のガイドラインです。 Skeuomorphism が全面的に使われていたときは、画面上にあるオブジェクトを触っているような感覚を見た目で演出していましたが、Material Design ではアニメーションを通して触れているような感覚を作り出しています。ときにはカードのような実世界のオブジェクトを模擬していますが、それでもカードを操作しているような感覚を与えているのは見た目ではなく動きだったりします。 感覚からコードへの転換 Mater
有名Webサービスのこだわりがわかる、ブランドガイドラインまとめ | Goodpatch Blog
皆さんはブランドガイドラインを見たことはありますか？あまり馴染みがないかもしれませんが、ブランドに一貫性を持たせるために作られる企業のロゴやビジュアルなどに関するガイドラインのことで、スタイルガイドと呼ばれることもあります。社内だけでなく社外に向けて公開されている場合も多く、調べてみると有名なWebサービスでは用意しているところがほとんどでした。そこで今回は各サービスのブランドガイドラインをまとめて紹介します！ Facebook https://www.facebookbrand.com/ ロゴやボタン、スクリーンショットなどがダウンロードできます。Webサイトや印刷物などあちこちにロゴやボタンが使用されるFacebookは、データがAI、PSD、PNG、EPSで用意されています。かなり細かくルールを定めていて、もし印刷時に技術的な制約で指定の色を使えないときは白黒で印刷する、という決まり
ソーシャルメディア利用ガイドライン | シックス・アパート - CMSソフトウェア、サービスを提供
このガイドラインは、シックス・アパート株式会社の社員や契約社員（アルバイト）、業務委託者など（以下、シックス・アパート関係者という）を対象に、ブログやSNSなどのソーシャルメディア・サービス（以下、ソーシャルメディア・サービスという）に関わる際の振る舞いや基本マナーについて定めています。 シックス・アパートは、ソーシャルメディア・サービスの普及発展のため、本ガイドラインの利用を、クリエイティブ・コモンズの「表示（CC BY 4.0）」の条件で許諾します。 クレジット表記について 本ガイドラインをベースに新たなガイドラインを作成して利用する際には、以下のクレジット情報を記載してください。ドキュメント内、または掲載するウェブページ内にクレジットを記載していただくことが望ましいです。 クレジットのソースコード <p xmlns:cc="http://creativecommons.org/ns#
ソーシャルメディアポリシー/ガイドラインの国内実例まとめ＋策定者向け情報 | 初代編集長ブログ―安田英久
今日は、企業のソーシャルメディアへのかかわり方に関する話題を。国内でも、ソーシャルメディアポリシーやソーシャルメディアガイドラインの策定例が増えてきました。具体例を示しながら、ソーシャルメディアポリシーについて考えてみましょう。 ソーシャルメディアガイドラインの具体例Twitterの流行を受け、本格的にソーシャルメディアポリシーを策定する例が増えてきています。ここでいう「ソーシャルメディア」はTwitterに限ったものではなく、ブログやSNSなども含めた幅広いものです。 現在、国内で公開されているソーシャルメディアポリシー／ガイドラインには、次のようなものがあります。 ADKインタラクティブ ソーシャルメディアポリシー → https://www.adk-i.jp/resources/adki_socialmediapolicy.html IBM ソーシャル・コンピューティングのガイドライ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインの勉強にいい！有名ブランドのガイドラインのまとめ
http://www.hp-stylelink.com/news/2013/10/20131001.php