'Design' 分类

关于字体排版 leading 与 line-height

leading 指的是两行文本的基线之间的距离,也就是现代排版软件中所说的行距。

Leading

英文字体中基线(baseline)和中线(meanline)这个概念,基线之上的部分是上伸区域(ascent),基线之下的部分是下伸区域(descent)。而且大写字母都位于基线以上,顶部稍低于小写字母上伸部分的顶线。

CSS 中的 line-height 则是指对应于印刷行业中填充在两行文字之间的铅条,其中一半 leading 加到文字上方,另一半 leading 加到文字下方。而排版软件一般把 leading 加到文字上方。

想为 Dyson Supersonic 设计个网站

Dyson Supersonic™

许多人都知道 Apple Inc 这家公司,工业设计很棒(暂时还这样),在又潮又满具科技感智能设备领域独树一帜。其实还有一家容易被大家所忽视的,出色跟 Apple 有一比的公司 Dyson – 戴森。其创始人本身就是出色的工业设计师,设计和生产高端智能化家居用品设备,其产品无论是设计方面,还是科技感方面都是能够引领潮流的那种。

查看地址:https://www.behance.net/gallery/43755891/-Dyson-Supersonic

一,1,ONE

111

天地交接的那一处是眼睛所不能及,只好通过「想象」,「印象」将它传达出来。

当你把可以去掉的一切都去掉后,得到的就是被去掉的所有之和。

这辑作品就是基于上面的思想创作出来的数字艺术。

查看地址:https://www.behance.net/gallery/43722153/1ONE

关于 Material Design 的几点思考

估计 Material Design 很快就会难逃被 Google 抛去的厄运。

Google 力推的 Android 视觉设计风格「设计语言」 Material Design「质感设计/材质设计」,最大的特点就是通过 X、Y、Z 坐标属性引入三维空间的概念。Z 轴被用于表达应用程序层级的空间关系。并且每一层的厚度都是 1dp。通过给每一层级添加不同的大小的阴影效果,来表达层级的先后次序(明确可交互状态)。其实,真的有必要这么费劲,还用了那么多语言去抽象 APP 的层级关系吗?

对于这种层级的空间关系,它早已成为一种人类的常识。举个例子:这就像一本书一样,书的每一页都是一层,首先是第一页放在开头然后是第二……到最后一页。第二页和之后的页面肯定是不能排在第一页之前的,除非你把它们撕开了。再举一个例子:一栋多层的房子,它层级关系是固定的,不能交叉也不能倒换次序,除非我们发明了可悬浮房子。所以 Material Design 把层级关系搞得那么复杂和抽象真的没必要。而 iOS 根本就没有这样的概念,对于这种层级关系是通过关注交互和视觉表征来区分。并没有 Material Design 这种通过给元素添加阴影效果来制造一种三维的空间效果。

因为移动设备的屏幕尺寸小,像 iOS 追求的扁平化及极简设计明显是正确的方向。在极其有限的屏幕内把信息通过最简的视图,强调可交互和不可交互元素的视觉区别,给用户一种非常友好的操作体验。而在有限的屏幕内给元素创造三维空间感,这真不可以取。因为屏幕本身就小,还来个阴影三维。哪怕是在桌面端这种效果也是非常难看的,到处都是阴影谁愿意多看。

「阴影」效果是一种给元素加「重」的效果,三维的东西看起来明显比扁平效果重很多。这会导致增加用户的心理负担(更加耗费精力),显然用户难以察觉这种心理活动状态。阴影一词在心理学上来讲就是一种病态,一种不正常的心理负担或心灵创伤。

而扁平化及极简设计能给用户传达的是一种轻、便,简单的使用感觉,这也就使用户在使用程序的过程中拥有非常轻松的心理活动状态。这正是人机交互所必需的!

Material Design 这东西还是属于系统层级的,其实这种风格应该由 APP 开发自身来选择不是更好吗?

Photoshop 字距与行距输出到 CSS

Photoshop 行距想输出相对值到 CSS 的计算公式为:行高/字体大小。(行距绝对值为:px 与 em)

Photoshop 字距调整和字距微调的度量单位都是 1/1000 em,这是一种相对测量单位,以当前的全角字宽作为参考单位。在 6 点大小的字体中,1 em(即 1 个全角字宽)等于 6 点;在 10 点的字体中,1 em 等于 10 点。

计算公式:Photoshop 里设置的间距值/1000=以 em 为单位的所得值(letter-spacing: Xem)

可惜無聲 - 致敬齊白石

可惜無聲-致敬齊白石網站設計

想把一些中國傳統藝術或文化的東西應用到網頁設計上,前段時間剛好看了遍齊白石的《可惜無聲-花鳥工蟲冊》被迷住了。那就順就以向齊白石致敬作為這個網站的設計主題。

齊白石筆下的花鳥魚蟲、飛禽走獸、蔬果花樹、傳神會意、妙趣橫生,充滿無限樂趣,似有大自然之生命,之所謂「可惜無聲」。既得八大山人之傳神,但齊白石筆下的更有生活趣味,其對自然界各細小生物描繪之廣,觀察之精未見有前人者。

来这里看完整的设计;https://www.behance.net/gallery/37046279/-A-Tribute-To-Qi-Baishi

寻找你的色彩之源

你是否发现由大自然所创造的事物中,这些物体的颜色,色彩搭配没有一个是会产生冲突,不搭调,不和谐,不合规律的?没有吧,真的无法找到任何一个这样的样例。

大自然就是这么的奇妙。当然,人类就算再强大也无法走出或超越自然的范畴。

如果你正在为作品的颜色方案或者在寻根色彩的奥秘而寻找的话,那就把你的眼光转移到大自然的身上吧!它有你所需要的一切,你会找到无限的惊喜。

这里也顺便推荐一本香港的设计师黃仁達所著的《中國顏色: The Colors of China》,对关于中国颜色研究的书籍似乎比较少,古籍级的好像也没有。

被日本对汉文化的继承所震撼

说日本文化是根植于汉文化也就是中国传统文化,这一点也不为过。或者你可以这样看,就相当于古代一群汉人移民到了日本这个大岛屿定居下来,同时带来了汉文化这一文明,并成为了这里的正统文化,原住文化被融合或吸收过来,进一步发展成了带有自身特色的汉文化。

日本对汉文化的继承和发展让人为之赞叹。在继承传统的汉文化上,她们做得明显比我们不知好多少了。对于这事,咋中国似乎也是没有办法的事情。赵国人一来,传统文化就被断代了。还一直处于被磨洗的状态,传统还在,但就是谈不上继承来进一步发展。

明治维新开始以及二战战败后,美国为首的同盟国开始进驻日本统治几年。使它有了两次与现代最前沿文化产生碰撞的机会,并擦出了耀眼的火花。继续跟上了时代潮流,视野更加开阔,促进了自己的发展。但无论如何吸收与融合,传统文化(汉文化)依然占据着最主要的中心地位。这反而使得它获得了新的生命力。这一点可以从日本的设计潮流中就可以清晰地找到证据。或者日本人中如今依然流行的哪些汉服足衣中清晰地看到这一点。

菓子