2.2 Design System - 设计语言 (9/24 updated)

对於「台大、中兴事件」的看法
身为毕业多年,曾在世俗定义的中庸学校跟好学校都待过的我,看到这事件只有觉得有趣笑笑而已
职场上的经历跟生活遇到的人让我知道,职场上有的老板很着重实力、有的着重学历、有的两个都要
但学校名称并不能定义我是谁,学校名称也不代表「上进心的有无」
有看过一个研究,世俗定义的好学校中,有 80% 的学生来自收入教育不错的家庭,这代表什麽?
我的解读是:这代表你能受好的教育,不单单只是靠你自己,有很大一部份原因是因为父母给你无後顾之忧的环境

Checklist中列出设计语言包含了Brand, Logo 跟 Guidelines,它条列的项目可以做为参考就好,因为观察几个大公司也并没有每一项都有

我参考了Audi, Atlassian的网站
Atlassian-Brand
https://ithelp.ithome.com.tw/upload/images/20210924/201420645dsmOPtGF5.png

Audi-Brand
https://ithelp.ithome.com.tw/upload/images/20210924/20142064EnrJEJZMW9.png
这两者都针对品牌想要给群众的感觉或特质列出几个关键词并加以说明,因为我蛮喜欢汽车的,就以 Audi 的来说明
可以参考Brand Appearence的方式

Audi-Basic(这部分原以为归类在设计语言,但其实应该被归在下一篇 Design Token)

Rings(Logo)
横式、直式、有色、黑白、数位版、印刷版、线条粗细的版本、最小尺寸、要如何置放在图片上等等规范
Brand Claim(中/英文)
提供各种不同档案,pdf,svg,png(Web)、有彩无彩X深色浅色底的使用版本(印刷)
Colours
主色、辅色、黑白(各种百分比例的),RGB & Hex色码
Typography
对於字体在数位与印刷上置放的方式跟 Width,Weight 等规范,包含各种文字的应用范例档案、也列出应避免的使用方式
Layout架构
排版上,文字、图片占画面的比例与架构,并列出应避免的使用方式
Imagery
选图范例,有对应到一开始Brand appearence的品牌意象
Illustration
插图对前景、中景、背景的规范,在绘制人像、物体、不同大小、日景跟夜景的注意事项等等
Icons
对 Icon 尺寸的规范:如何和文字一起使用、间距要多少、方形与圆形量体感受度是否相同、静态与动态的使用方式
Animation
动态曲线的各项数值规范,有提供范例,但我对动画还不是很熟悉,可以参考一下他官网的短影片


今天有点赶,就略过「实务经验上的小故事」了

Day 8 End


<<:  离职倒数8天:佩服外表不起眼的商品,还有对包装华丽的东西起疑。

>>:  [Day15] Webpack 入门 - 前端三本柱

Day 29 : 第一个无线智慧装置

网页服务器 学习了快一个月後总算可以来撰写无线的智慧装置, 相信利用这些技术肯定能提升你的育儿体验,...

虹语岚访仲夏夜-23(专业的小四篇)

万里无云时 总觉得喘不过气 要问为什麽 一定是 无云天空下 只有我问我    该往那去 寂静夜深时...

D3JsDay18 不让资料进坟墓,秒懂农产品分布—实际资料画地图

我们到政府开放资料平台下载这两个档案,第一个是包含各种伴手礼的经纬度资料、名称、介绍等等作为要画在地...

[2021铁人赛 Day03] 解题前的准备工作

引言 今天会介绍解题前的准备工作,以及你需要有什麽样的环境。 解题大致流程 基本上可以归纳出一个解...

Day27 [实作] 一对一视讯通话(7): 使用 Docker 封装

首先我们需要有 Docker 环境,如果还没有可以参考 Docker 安装 制作 Dockerfil...