デザインガイドライン

「共感時代」のブランディング デザインガイドライン 原理原則入門 [by BAU-YA]

デザインガイドライン作成講座開催のお知らせ (9/5)

『デザイン力の基本』をテキストブックとしたガイドライン作成講座が開催されます。

● この講座で学べること
○ デザインの基本
○ デザインガイドラインの作り方
○ ブランド展開、ブランドのコラボ、事業拡大に対応できるデザイン戦略
○ 新規事業、スタートアップのビジネスにデザインガイドラインを導入する際のコツ
○ リブランディングで、失敗し

もっとみる

アメリカ政府のWebデザインシステム(1)

United States Web Design Systemというアメリカ政府が公開しているwebデザインのガイドラインがあります。ソースコードがgithubで公開されていてデザイナー向けのSketchファイルもダウンロードできる充実のデザインシステムです。面白い素材なので何回かに分けて読んでみたいと思います。

ドキュメントが開発者向けとデザイナー向けに分かれているのも、ちゃんと読む人を想定し

もっとみる

appleのヒューマンインターフェースガイドラインを自分なりにまとめてみた

こんちゃす!
めいです。
noteに記事を書くのは今回が初めてです。
今後は自分が学んだことや感じたことの記事を書いていく予定です。
今回はappleが公開している「ヒューマンインターフェースガイドライン」を読んで、最低限知っておきたいことをまとめていきます。

Design Principles

1,整合性
・アプリの外観と動作が機能といかに統合されているか。

2,一貫性
・システムが提供す

もっとみる

iOSアプリデザインをする際に気をつけた方がいいこと

こんちゃ!
最近なかなか投稿ができておらず申し訳ないです!
また、週一ペースで更新していくのでよろしくお願いします!m(_ _)m
さて、今回は
ヒューマンインターフェースガイドラインなどの基礎知識を学習したのでご紹介していきたいと思います。

はじめに

iOSのヒューマンインターフェースを理解するためにはappleが発表しているガイドラインを読む必要があります。
ここにはデザインの原則と理由、

もっとみる
スキありがとうございます!次回記事更新もお楽しみに!
8

【UIトレース初心者の方へ】デザインする前に知っておきたい情報をまとめてみました。(iOS編)

こんにちは、ミユキです!

私事ですが、つい最近DailyCocoda!を50個終わらせました😊

まったくUIデザインについてわかっていなかった状態から2か月間、だいぶ基本的なことは身についたかな~って感じます。思い返すと、ほんとに学びたての頃は「Wi-Fiのアイコンなども1から作らなければいけない」って思っていました。無知はコワイ😱

その後は色々ぐぐりまくって「アイコンは専用のサイト

もっとみる

デザインシステムをアジャイルで構築する方法

はじめまして。デジタルメディア アラウンド15年生のデザイナーMoritomoです。今所属しているRettyで最近Twitter+note熱が高くなっているので、現在手掛けている、とある突貫リニューアル(部分改修)で、エンジニアさんと改善を加えながら進めることの出来たデザインシステム構築の体験談をご紹介させていただきます。

 ― 
そもそもデザインシステムは必要か?

デザインシステム作るぞーと

もっとみる

アプリを作るときに気をつけておいた方がいいこと

こんちゃ!みちこです!
最近よくアプリのモックやワイヤーフレームを作るのですが、
社内チェックを出すと文字サイズはー、色はー、マージンはー、
という言葉をよく聞きました。
これは、きっと何かルール的なものがあるぞ!と閃いてしまった
みちこはios.androidのDesignガイドラインについて勉強して見ました!

iosとandroidの印象の違い

・ios

iOS7より従来の質感のあるもの

もっとみる
スキありがとうございます!次回記事更新もお楽しみに!
16

DroidKaigi2019でRoomClipのデザインガイドラインを公開した話

2019年2月7〜8日に開催されたDroidKaigi2019で、RoomClipは企業スポンサーとして参加しました。
(パーティでご好評いただいたケーキの会社です🧁✨)  

そこでデザインガイドラインを(抜粋ですが)公開したところ、私からしてみると意外にも好評だったようで、少しでもエンジニア・デザイナー間のやりとりが円滑になったらいいなぁを応援したくて、いただいた反応やらエピソードやら記事に

もっとみる

デザインガイドラインの初回構築時のポイントと運用方法

※過去ブログからの移転です

エンジニアとデザイナーが互いにプロダクト開発をしやすくするためにデザインガイドライン(あるいは拡張してデザインシステム)を作ることがあります。いま私がデザインしているプロダクトであるHERP ATSでは1年前にデザインガイドラインを設けて運用しています。

デザインガイドラインを実際に構築して1年ちょっと運用してみて「最初に構築するときここまで考えておけばよかったな」

もっとみる

"らしさ"を統一するための文言ガイドライン

この記事はGoodpatch UI Design Advent Calendar 2018の10日目の記事です。

「デザインガイドライン」と聞くと、どのようなアウトプットイメージを持つでしょうか。
実際に検索するだけでも、VIの使用ルール、トンマナ、UIコンポーネントの設計思想など、多くの事例を見ることができます。これらのデザインガイドラインが作られる主目的は、ブランドやアウトプットの統一性を図

もっとみる