ð¬ Design Term ïŒãã¶ã€ããŒè±èªïŒãã©ã³ãæŠç¥ â ãã©ã³ãã®æ¹åæ§ã決ãããïŒè±èªã§æžããŠã¿ãŸããã
1. ããããã¯ãããšããã©ã³ããã®éã
ããããã¯ãããšããã©ã³ããããã®äºã€ã®èšèã¯æ··åããŠäœ¿ãããŸãããæããã«éãæå³ãæã€èšèã§ãã
ããããã¯ãããçºå£²ããã段éã§ã¯ãŸã ããã¯ãååãã§ãããããŸããã顧客ããããã¯ããå©çšããæ©èœããŸããµãŒãã¹ãçµéšããäžã§ã顧客ã®ãã®ååã«å¯Ÿããã€ã¡ãŒãžãè©äŸ¡ã®èç©ããããã¯ããå©çšããæ©èœããŸããµãŒãã¹ãçµéšããäžã§ã顧客ã®ãã®ååã«å¯Ÿããã€ã¡ãŒãžãè©äŸ¡ã®èç©ãããã©ã³ããã®å®äœã圢æããŠãããŸãã
ããã奜æçã«æããããŠãããªããããã©ã³ã䟡å€ãããããšèšããŸãããããªãã°å€å°äŸ¡æ Œãé«ããŠãããã£ã±ããã®ãã©ã³ããããããšãããããªã顧客ã®æãŸããæ 床ãè¡åãåŒãåºããŠãããŸããã€ãŸããã©ã³ããšã¯ã顧客ãæãããæ©èœç䟡å€ãïŒãæ ç·ç䟡å€ãã®åç®ã§è¡šãããšãã§ããŸãã
2. ãã©ã³ãã®æ¹åæ§ã決ãã
ãã©ã³ãã®æ¹åæ§ã¯ãç®æãçæ³ã®æªæ¥åãäœã究極ã®äŸ¡å€ãšããããèããããšã§æ±ºãŸã£ãŠãããã®ã§ãã ã©ããªäººã«ã©ããªååããµãŒãã¹ãæäŸããã©ããªã£ãŠãããããšãæé«ã®äŸ¡å€ãšãªãã®ããæ確ã«ããããšã§ãã
ä»åã¯ãç°¡åãªè±èªã§ã®MVBãã©ã³ãã®æ¹åæ§ã決ããæã®äŸæãã玹ä»ããããŸãã
ð¡MVBãšã¯ïŒ
MVBãšã¯ããã©ã³ãã®äžã§ãå¿ èŠãªèŠèŠçã¢ã»ããã®ã¿ãåããæ確ãªæŠç¥ãšææ çãªã¡ãã»ãŒãžãåãããã©ã³ãã§ããããã«ãããããžã§ã³ãå®å šã«è¡šçŸããã¢ãŒãªãŒã»ã¢ããã¿ãŒãåŒãä»ããããšãã§ããŸãããŸãäžè¬çã«ã¯ãã顧客䟡å€ããããã©ã³ãããšèããããŠããŸãã
ãã¡ãã®èšäºã§ç°¡åãªMVBã®ã¹ãããããŸãè±èªã§ãã©ã³ãã»ãã€ã¬ã¯ã·ã§ã³ã説æãããšãã®äŸæãã玹ä»ããŠããŸãã
3. ãã©ã³ãã®æ¹åæ§ã®æžãæ¹
ãã©ã³ãã¯åãªãããŽã§ã¯ãããŸãããããã¯ãã©ã³ããã³ãã¥ããã£ãšã€ãªãããé¢äžããæ¹æ³ãè¡šããŸããäžè²«æ§ã®ãããã©ã³ããç¶æããããšã§ããã©ã³ããæ°žç¶çãªã€ãªãããç¯ãããšãã§ããŸããããã§ã¯ãã©ã³ãã®åæ§ãšèŠèŠã¹ã¿ã€ã«ãæžãæ¹ãã玹ä»ããŸãã
ãŸãã¯å
šäœçãªãã©ã³ãã®å°è±¡ã決ããŠãããŸãã
Overland Brand Direction
ãªãŒã©ã³ããã©ã³ãã®æ¹åæ§âš
Overview âš
æŠèŠ
The brand direction is bold, empowering, trustworthy. âšThe brand will appeal to all the different user types and their own personal experiences with disabilities, regardless of how much it impacts their day to day life.
ãã©ã³ãã®æ¹åæ§ã¯å€§èã§ãåãäžããä¿¡é Œã§ãããã®ã§ãã ãã®ãã©ã³ãã¯ãæ¥åžžç掻ã«ã©ãã»ã©ã®åœ±é¿ãäžãããã«é¢ä¿ãªããããŸããŸãªãŠãŒã¶ãŒã¿ã€ããšé害ãæã€å人çãªäœéšãã¹ãŠã«ã¢ããŒã«ããŸãã
A world where people with disabilities and their supporters can easily access information that helps them enjoy their right to be fully participating citizens on an equal basis with others.
é害è ãšãã®æ¯æŽè ããä»è ãšå¹³çã«åžæ°ãšããŠå®å šã«åå ããæš©å©ã享åããã®ã«åœ¹ç«ã€æ å ±ã«ç°¡åã«ã¢ã¯ã»ã¹ã§ããäžçã
4. ãã©ã³ãã«ã€ããŠ
About
ã¢ããŠã
Weâre a safe, practical resource for people with Overland their families. âš
ç§ãã¡ã¯ããªãŒããŒã©ã³ãã®äººã ãšãã®å®¶æã«ãšã£ãŠå®å šã§å®çšçãªãªãœãŒã¹ã§ãã
We equip people with tools and provide support where they live, work, play and learn.
人ã ã«ããŒã«ãè£ åãã圌ããå¿å°ããç掻ãä»äºãéã³ããããŠåŠã¶å ŽæãæäŸããµããŒãããŸãã
âšWe empower people to achieve their best possible life and a place to feel included as they go through life.âš
ç§ãã¡ã¯ã人ã ã人çãæ©ããšãã«ãå¯èœãªéãæé«ã®äººçãšãå æãããŠãããšæããå Žæãå®çŸããŸãã
5. ãã©ã³ãæŠç¥
Our Vision
ç§ãã¡ã®ããžã§ã³
A world where people with disabilities and their supporters can easily access information that helps them enjoy their right to be fully participating citizens on an equal basis with others.
é害è 人ãšãã®æ¯æŽè ããä»ã®äººãšå¹³çã«åžæ°ãšããŠå®å šã«åå ããæš©å©ã享åããã®ã«åœ¹ç«ã€æ å ±ã«ç°¡åã«ã¢ã¯ã»ã¹ã§ããäžçã
3 Core Values
3ã€ã®ã³ã¢ããªã¥ãŒ
1. Trustãâš2. Inclusivityãâš3. Person-Centredâš
1.ä¿¡é Œã2.å æ¬æ§ã3.人äžå¿
Our Brand Strategy
ãã©ã³ãæŠç¥
Provide trusted, credible and engaging information using a technology solution that meets as many needs as it can throughout the life courseâš.ã©ã€ãã³ãŒã¹å šäœã§å¯èœãªéãå€ãã®ããŒãºãæºãããã¯ãããžãŒãœãªã¥ãŒã·ã§ã³ã䜿çšããŠãä¿¡é Œã§ãããä¿¡é Œã§ããé åçãªæ å ±ãæäŸããŸããâš
6. ããŒãœããªãã£ç¹æ§
ããŒãœããªãã£ç¹æ§(personality trait) ãç°¡åã«ããã°ããå人ãç¹åŸŽã¥ãããšããã®æèã ææ
ãè¡çºã«é¢ãããçš®ã
ã®ç¶æ³ãè¶ããŠæ¯èŒçæç¶çã«èŠããããã¿ãŒã³ããŸãåŸåæ§ãè¡šããŸãã
äŸãã°ããªãŒããŒã©ã³ãã¯ã
â èª å®æ§ãä¿¡é Œãããèªä¿¡ãæã£ãŠæ å ±ã®æäŸãããŸãã
â èª å®ã§æ£çŽã§ãé©æ°çã§ãã
â å€çš®å€æ§ãªäººå£çµ±èšãã¿ãŒã²ããã«ããŠãã
7. ããŒã³ã»ãªãã»ãã€ã¹
ð ããŒã³ã»ãªãã»ãã€ã¹ãšã¯ã話ãèšèãæžãèšèãªã©ã®èšèãéããŠããžãã¹ã®ç¹åŸŽãäŒããããšæ段ã§ãã èšèã®å
容ã§ã¯ãªãããããèªãã 人ãèãã人å
šãŠã®å°è±¡ã«æ®ã話ãæ¹ã®ããšã§ãã ã€ãŸããè¯ãããŒã³ã»ãªãã»ãã€ã¹ã¯åççã§æ¥œããããŒã±ãã£ã³ã°ãå®çŸããæ¹æ³ãªã®ã§ãã
Tone of Voice
声ã®ããŒã³
âš
Our aim is to create a personal and intimate relationship between the user and us.âš
ç§ãã¡ã®ç®çã¯ããŠãŒã¶ãŒãšç§ãã¡ã®éã«å人çã§èŠªå¯ãªé¢ä¿ãç¯ãããšã§ãã
To help achieve this, we utilise the appropriate language through content and messaging to end users.
ãããå®çŸããããã«ãã³ã³ãã³ããšãšã³ããŠãŒã¶ãŒãžã®ã¡ãã»ãŒãžã³ã°ãéããŠé©åãªèšèªãå©çšããŠããŸãã
Voice Tenets
声ã®ååãŸãã¯ä¿¡å¿µ
The guidelines we follow when approaching the language direction within the application is as follows:
ã¢ããªã±ãŒã·ã§ã³å ã§èšèªã®æ¹åæ§ã«åãçµãéã«åŸãã¬ã€ãã©ã€ã³ã¯æ¬¡ã®ãšããã§ãã
â Confident
èªä¿¡ããã
â Simplistic
ã·ã³ãã«ã§ãã
â Knowledgable
ç¥èè±å¯ã§ãã
8. ã¢ã¯ã»ã·ããªãã£
Accessibility
ã¢ã¯ã»ã·ããªãã£
Use only the colour combinations that meet the AA standard in the table to the right. This text colour will ensure that all our communications are clear and legible.
å³ã®è¡šã®AAåºæºãæºããè²ã®çµã¿åããã®ã¿ã䜿çšããŠãã ããã ãã®ããã¹ãã®è²ã¯ããã¹ãŠã®ã³ãã¥ãã±ãŒã·ã§ã³ãæ確ã§èªã¿ãããããšãä¿èšŒããŸãã
the WCAG 2.0 contrast ratio formula ensuring a ratio of at least 3:1 for AA headlines, 4.5:1 for AA body copy, 4.5:1 for AAA headlines and 7:1 AAA body copy.âš
WCAG 2.0ã³ã³ãã©ã¹ãæ¯ã®åŒã«ãããAAãããã©ã€ã³ã§å°ãªããšã3ïŒ1ãAAããã£ã³ããŒã§4.5ïŒ1ãAAAãããã©ã€ã³ã§4.5ïŒ1ãAAAããã£ã³ããŒã§7ïŒ1ã®æ¯çãä¿èšŒãããŸãã
9. ããŽã«ã€ããŠ
Logomark Construction
ããŽããŒã¯ã®æ§ç¯
What does our logo mean?
ããŽã®èæ¯
âšOur logo represents our organisation and is the vehicle for brand recognition.
ç§ãã¡ã®ããŽã¯ç§ãã¡ã®çµç¹ãè¡šããŠããããã©ã³ãèªç¥ã®æ段ã§ãã
âšItâs important to us that itâs used correctly and comprises of these core logo elements.âš
æ£ãã䜿çšããããããã®ã³ã¢ããŽèŠçŽ ã§æ§æãããŠããããšãéèŠã§ãã
Even though the Overland logo is comprised of separate elements, itâs always used as a single and unalterable unit.âš
ãªãŒããŒã©ã³ãã®ããŽã¯åå¥ã®èŠçŽ ã§æ§æãããŠããŸãããåžžã«åäžã®å€æŽäžå¯èœãªãŠããããšããŠäœ¿çšãããŸãã
When applying the logo, please ensure you use the RGB colour format for all digital applications and CMYK for all printed applications. âšâš
ããŽãé©çšãããšãã¯ããã¹ãŠã®ããžã¿ã«ã¢ããªã±ãŒã·ã§ã³ã«RGBã«ã©ãŒåœ¢åŒã䜿çšãããã¹ãŠã®å°å·ã¢ããªã±ãŒã·ã§ã³ã«CMYKã䜿çšããããã«ããŠãã ããã
Alignment
ã¢ã¬ã³ãžã¡ã³ãã»é 眮
Logo variations depend on the colour of the background or limitations of any kind.
ããŽã®ããªãšãŒã·ã§ã³ã¯ãèæ¯ã®è²ãããããçš®é¡ã®å¶éã«ãã£ãŠç°ãªããŸãã
Where possible the logo should be in full colour. And the other two versions in appropriate circumstances.
å¯èœãªå ŽåãããŽã¯ãã«ã«ã©ãŒã§äœ¿çšããŠãã ããã ãããŠãé©åãªç¶æ³ã§ã®ä»ã®2ã€ã®ããŒãžã§ã³ã䜿çšããŠãã ããã
Logo Misuse
ããŽã®èª€çš
â use custom colours, custom background, gradients or shadows
ã«ã¹ã¿ã ã«ã©ãŒãã«ã¹ã¿ã èæ¯ãã°ã©ããŒã·ã§ã³ãŸãã¯ã·ã£ããŠã䜿çšãã
â stretch the logo, change the letter spacing or thickness of each letter
ããŽãåŒã䌞ã°ããåæåã®æåééãŸãã¯å€ªããå€æŽããŸã
â change the logoâs orientation
ããŽã®ãªãªãšã³ããŒã·ã§ã³ãå€æŽãã
10. ã«ã©ãŒã»é è²
Colours
ã«ã©ãŒ
Our main colour represents trustworthiness, truthful and confidence.
ç§ãã¡ã®ã¡ã€ã³ã«ã©ãŒã¯ãä¿¡é Œæ§ãèª å®ããèªä¿¡ãè¡šããŠããŸãã
This boldness of colour and type also lends itself to accessibility in design and application.
ãã®å€§èãªè²ãšã¿ã€ãã¯ããã¶ã€ã³ãšã¢ããªã±ãŒã·ã§ã³ã®ã¢ã¯ã»ã·ããªãã£ã«ã圹ç«ã¡ãŸãã
âšThree vibrant accent colours represent diversity and will be used to reflect the users as unique individuals and be able to provide a personalised experience.
3ã€ã®é®®ãããªã¢ã¯ã»ã³ãã«ã©ãŒã¯å€æ§æ§ãè¡šããŠããããŠãŒã¶ãŒããŠããŒã¯ãªå人ãšããŠåæ ããããŒãœãã©ã€ãºããããšã¯ã¹ããªãšã³ã¹ãæäŸã§ããããã«ããããã«äœ¿çšãããŸãã
Usage
䜿çšæ³
The core palette will cover the majority of your needs.
ã³ã¢ãã¬ããã¯ãããŒãºã®å€§éšåãã«ããŒããŸãã
Itâs intentionally small in variety so as to not dilute the brand visuals. Use navy blue to highlight things for example an illustration, UI Screens etc
ãã©ã³ãã®ããžã¥ã¢ã«ãèããªãããã«ãæå³çã«çš®é¡ãå°ãªãããŠããŸãã ãã€ããŒãã«ãŒã䜿çšããŠãã€ã©ã¹ããUIç»é¢ãªã©ã匷調ããŸãã
11. ã¿ã€ãã°ã©ãã£
Typography
ã¿ã€ãã°ã©ãã£
â Poppins - SemiBold & Regular.
ããã³ãº-ã»ãããŒã«ãïŒã¬ã®ã¥ã©ãŒ
This typeface fits perfectly with almost any font which is particularly useful in today's diverse content sphere.
ãã®æžäœã¯ãä»æ¥ã®å€æ§ãªã³ã³ãã³ãåéã§ç¹ã«åœ¹ç«ã€ã»ãšãã©ãã¹ãŠã®ãã©ã³ãã«å®å šã«é©åããŸãã
A wide structure makes the font easy to read in small sizes.âš
å¹ ã®åºãæ§é ã«ãããå°ãããµã€ãºã§ããã©ã³ããèªã¿ããããªããŸãã
Poppins is available via an open-source license. âšPoppins - SemiBold & Regular. âšPoppins is a rounded sans serif typeface.
Poppinsã¯ããªãŒãã³ãœãŒã¹ã©ã€ã»ã³ã¹ãä»ããŠå ¥æã§ããŸãã
ããã³ãº-ã»ãããŒã«ãïŒã¬ã®ã¥ã©ãŒã Poppinsã¯ãäžžã¿ã垯ã³ããµã³ã»ãªãæžäœã§ãã
This is a perfect font to add a touch of personality to the design. âš
ããã¯ããã¶ã€ã³ã«åæ§ãå ããã®ã«æé©ãªãã©ã³ãã§ãã
â Why Poppins?
This sans serif typeface provides a friendly vehicle for expressing our core brand values, in a simplistic and legible way.
ãã®ãµã³ã»ãªãæžäœã¯ãã·ã³ãã«ã§èªã¿ãããæ¹æ³ã§ãã³ã¢ãã©ã³ãã®äŸ¡å€ãè¡šçŸããããã®ãã¬ã³ããªãŒãªæ段ãæäŸããŸãã
It is a versatile typeface and should only be used in the specified weights. Poppins is a web-safe Google typeface and is to be used in web applications.
çšéã®åºãæžäœã§ãããæå®ããããŠã§ã€ãã§ã®ã¿äœ¿çšããå¿ èŠããããŸãã Poppinsã¯ãŠã§ãã»ãŒããªGoogleæžäœã§ããããŠã§ãã¢ããªã±ãŒã·ã§ã³ã§äœ¿çšãããŸãã
âšOur primary typeface is Poppins SemiBold â set predominantly as large headlines, or pull out quotes.
äž»èŠãªæžäœã¯PoppinsSemiBoldã§ããäž»ã«å€§ããªèŠåºããšããŠèšå®ããããåŒçšç¬ŠãåŒãåºããŸãã
Occasionally you can use Poppins bold for short headlines that do not exceed two lines.
å Žåã«ãã£ãŠã¯ã2è¡ãè¶ ããªãçãèŠåºãã«å€ªåã®ããã³ã䜿çšã§ããŸãã
We prefer to use leading of 160% more than the point size. For instance, if the typeface is 15pt, the leading should be 24pt.
ãã€ã³ããµã€ãºãã160ïŒ å€ããªãŒãã£ã³ã°ã䜿çšããããšããå§ãããŸãã ããšãã°ãæžäœã15ptã®å Žåãå é ã¯24ptã§ããå¿ èŠããããŸãã
Kerning and TrackingâšAlways set âKerningâ to âOpticalâ for Poppins.âšTracking should be set to 0.
ã«ãŒãã³ã°ãšãã©ããã³ã°ããã³ã®å Žåã¯ãåžžã«ãã«ãŒãã³ã°ããããªããã£ã«ã«ãã«èšå®ããŸãã ãã©ããã³ã°ã¯0ã«èšå®ããå¿ èŠããããŸãã
Type Hierarchy
ã¿ã€ãéå±€
The way we use type is crucial to making our design look thoughtful and professional.
ã¿ã€ãã®äœ¿ãæ¹ã¯ããã¶ã€ã³ãææ ®æ·±ããããã§ãã·ã§ãã«ã«èŠããããã«éèŠã§ãã
You shouldnât need more than three weights in any particular design. In most applications, two weights should be more than enough. The sample-set listed here show two weights in use.âš
ç¹å®ã®ãã¶ã€ã³ã§ã¯ã3ã€ãè¶ ãããŠã§ã€ãã¯å¿ èŠãããŸããã ã»ãšãã©ã®ã¢ããªã±ãŒã·ã§ã³ã§ã¯ã2ã€ã®éã¿ã§ååã§ãã ããã«ãªã¹ããããŠãããµã³ãã«èšå®ã¯ã䜿çšäžã®2ã€ã®ãŠã§ã€ãã瀺ããŠããŸãã
12. âšã·ã§ãŒãã»ãã¶ã€ã³
The circular shapes are used to represent completion, wholeness and harmony.
å圢ã¯ãå®æ床ãå šäœæ§ã調åãè¡šãããã«äœ¿çšãããŸãã
Inclusivity is one of your top values. âš
å æ¬æ§ã¯æé«ã®äŸ¡å€èŠ³ã®1ã€ã§ãã
Square shapes for use of photographs are used to give a sense of reliability and give stability.
åçã䜿çšããããã®æ£æ¹åœ¢ã®åœ¢ç¶ã¯ãä¿¡é Œæãšå®å®æ§ãäžããããã«äœ¿çšãããŸãã
13. âšãã©ãã°ã©ãã£
Photography
åç
â Where possible, use people in natural light and in neutral tones.âš
å¯èœã§ããã°ãèªç¶å ãšãã¥ãŒãã©ã«ãªè²èª¿ã§äººã䜿çšããŠãã ããã
â Where possible, use real people in real-life situations.âš
å¯èœã§ããã°ãå®éã®ç¶æ³ã§å®éã®äººã䜿çšããŠãã ããã
â Where possible, consider a broad age range and demographic, featuring both individuals and groupsâš
å¯èœã§ããã°ãå人ãšã°ã«ãŒãã®äž¡æ¹ã察象ãšãããå¹ åºã幎霢局ãšäººå£çµ±èšãæ€èšããŠãã ããã
14. ã¢ã€ã³ã³
Iconography
ã¢ã€ã³ã³
â Remix Icon
ãªããã¯ã¹ã»ã¢ã€ã³ã³
Remix Icon set is a collection of simply neutral-style open source icons.
Remix Iconã»ããã¯ãã·ã³ãã«ã§ãã¥ãŒãã©ã«ãªã¹ã¿ã€ã«ã®ãªãŒãã³ãœãŒã¹ã¢ã€ã³ã³ã®ã³ã¬ã¯ã·ã§ã³ã§ãã
Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
åã¢ã€ã³ã³ã¯ãã·ã³ãã«ããäžè²«æ§ãèªã¿ãããã«éç¹ã眮ããŠã24x24ã°ãªããäžã«èšèšãããŠããŸãã
All of the icons are free for both personal and commercial use.
ãã¹ãŠã®ã¢ã€ã³ã³ã¯ãå人䜿çšãšåçšäœ¿çšã®äž¡æ¹ã§ç¡æã§ãã
ä»åã¯ãç°¡åãªè±èªã§ã®MVBãã©ã³ãã®æ¹åæ§ãè±èªã§æžããäŸæãã玹ä»ããããŸããããããããŸãšããŠããã©ã³ãã»ããã¯ãå¶äœããŠãããŸãã
ç§ããè²ã
å匷äžãªã®ã§ãçããŸã®ããæèŠã»ãææ³ããèãããã ããããèªã¿é ããŸããŠãããããšãããããŸããã
ã¡ã«ãã«ã³ãæ ç¹ã«ããžã¥ã¢ã«ã»ãã¶ã€ããŒãUXã¹ãã·ã£ãªã¹ããšããŠåããŠããŸãã äž»ã«ããžã¿ã«ã»ãããã¯ãã®å¶äœã«æºãã£ãŠããŸãã