Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
yamanohanabuta logoguideline
Search
MisaMochimasu
May 25, 2022
Design
0
3.6k
yamanohanabuta logoguideline
MisaMochimasu
May 25, 2022
Tweet
Share
Other Decks in Design
See All in Design
ポートフォリオ_藤田歩希(ほまれ)
akifujita_homarecreate
0
410
Rayout Pattern 01
one0
0
2.5k
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
kaminashi
2
1.4k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
460
OLTA株式会社/デザイン紹介資料
taxy
0
240
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
360
線で考える画面構成
natsuume
1
840
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
450
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
240
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
200
デザイナーとPMの両ロール_3つのポイント
toy1618
1
280
横断組織デザイナーの働き方
mixi_design
PRO
0
440
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
52
11k
Into the Great Unknown - MozCon
thekraken
38
1.7k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Visualization
eitanlees
146
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
29
5.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Typedesign – Prime Four
hannesfritz
41
2.6k
Automating Front-end Workflow
addyosmani
1370
200k
Optimising Largest Contentful Paint
csswizardry
37
3.2k
How to Ace a Technical Interview
jacobian
276
23k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.7k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
Transcript
LOGO GUIDELINE やまの華豚 ロゴガイドライン
やまの華豚は、味覚体験だけではないより豊かな 体験をもたらすコミュニケーションツールです。 健康的でストレスフリーにこだわり愛情豊かに育 てられており、その⾁には格別な味わいがありま す。そのため、購⼊した⼈にもその家族や周囲の ⼈々にも幸福感や充実感をもたらし、まるで豚の 尻尾のように、⽣産者と購⼊者、調理する⼈と⾷ 事する⼈、鉾⽥市と遠⽅の⼈たちをくるりと結び 付けることができる存在です。 やまの華豚のロゴは、この商品コンセプトを表現
したものです。ガイドラインに適しない使⽤⽅法 は、ブランドイメージを損ねたり誤ったメッセー ジを伝える可能性があります。ロゴの使⽤時には 本ガイドラインに従ってください。 USAGE PRINCIPLE 使⽤原則
ロゴは、横組みと縦組みの2種類があります。配 置するスペースに応じて使い分けることができま す。 LOGO STYLES ロゴの形状
シンボルマークとロゴタイプの関係性は⼤和⽐を 元に成り⽴っています。 ⼤和⽐は、⽇本では古くから親しまれた⽐率であ り安定性が⾼く、また、デュロック種という海外 由来の豚が⽅波⾒牧場で⼤切に⽇本らしい味わい に育まれたことも表しています。 ロゴを使⽤する際には、指定された⽐率を遵守し てください。 LOGO ARCHITECTURE
ロゴの⽐率 1 1.414 0.414 1 1.414 6 7 1 ロゴタイプのバランスは横組みと同様にする。 ロゴタイプの⾼さを1としたとき、ロゴマークの⾼さを1.414にする。 1 1.414 0.414 1 6 7 1 ロゴマークの⾼さ、和⽂の⽂字間、欧⽂の⽂字間に⼤和⽐円(1/6/7)を使⽤する。 ロゴマークの⾼さを1としたとき、和⽂の⾼さを0.414にする。 和⽂の⾼さを1としたとき、欧⽂の1/2までの距離を1.414にする。 1 6 7 1 2 3 4 5 6 7 ⼤和⽐
ロゴと他のグラフィック要素を共に使⽤する場合 は、周囲に空⽩スペースを設けてください。 空⽩スペースは、縦組み・横組みそれぞれにおい て、シンボルマークの⾼さの1/3以上をとってくだ さい。 ISOLATION 空⽩スペース 1/3 A 1/3
A A 1/3 A 1/3 A 1/3 A 1/3 A A 1/3 A 1/3 A
ロゴの視認性を担保するために、最⼩サイズのル ールを守ってください。 スクリーンで使⽤する場合 ・横組みロゴ:⾼さ22px以上 ・縦組みロゴ:⾼さ44px以上 印刷物で使⽤する場合 ・横組みロゴ:⾼さ4mm以上 ・縦組みロゴ:⾼さ7mm以上 また、最⼩サイズ以上であっても、印刷環境や表 ⽰環境に応じて可読性と視認性を担保してくださ
い。 MINIMUM SIZE 最⼩サイズ 22px/4mm 44px/7mm
ロゴの⾊は、RGB、CMYK、K、それぞれの環境 に応じた指定カラー、もしくは⽩抜きが使⽤でき ます。 カラーで使⽤する際には、指定カラーを遵守して ください。 ⽩抜きで使⽤する際には、判別性を担保できるよ うにしてください。写真画像に載せる際には、背 景に暗⾊のレイヤーを10~20%で被せることを推 奨します。 COLOR
カラー 暗⾊ 透過10-20%のレイヤー
基本はカラーのロゴを使⽤してください。 ⾊はシンボルマークとロゴタイプで分けます。指 定されたカラーコードに従ってください。 COLOR CODE カラーコード :C71/M68/Y66/K25 CMYK :R82/G74/B72 RGB
:#524A48 Hex ロゴタイプ :C52/M98/Y100/K30 CMYK :R115/G24/B15 RGB :#73180F Hex シンボルマーク シンボルマーク ロゴタイプ シンボルマーク ロゴタイプ
⽤途に応じてブラックカラーのロゴを使⽤するこ とができます。 ⾊はシンボルマークとロゴタイプで分けます。指 定されたカラーコードに従ってください。 BLACK COLOR CODE ブラックカラーコード :92 K
:R76/G76/B76 RGB :#4c4c4c Hex ロゴタイプ :98 K :R50/G50/B50 RGB :#323232 Hex シンボルマーク シンボルマーク ロゴタイプ シンボルマーク ロゴタイプ
アイコンや装飾の⽂脈として、シンボルマークを 単体で使⽤することができます。 ブランドイメージを守るため、形状の変更は⾏な わないでくさい。カラーは指定カラーを推奨しま すが、場合に応じてカラーを薄くするなどの処置 を⾏なうことができます。 USE OF SYMBOL MARK
シンボルマークの使⽤ アイコンに することができる パターンにすることができる
ロゴに変形や加⼯をしないでください。常に正規 データを使⽤し、どんな媒体でも同じに⾒えるよ うに使⽤してください。 PROHIBITED ACTIONS 誤った使⽤例 12. コントラスト⽐が担保できない背 景の上で使⽤しない 11.
余⽩エリアに他のグラフィックを 追加しない TEXTTEXT 10. 複数のロゴを組み合わせない 9. 他の要素を追加しない 8. 向きを変えない 7. 変形や回転をしない 6. 規定⾊以外の⾊を適⽤しない 5. 模様を⼊れない 4. グラデーションを⼊れない 3. 特殊効果を与えない 2. シャドウをつけない 1. アウトラインを⼊れない