设计潮流随着时代不断的变化和发展中。移动端扁平化网站设计推进,越来越多的设计师不满足于仅仅是色块、图标和系统字体的枯燥组合,而把更多的心思投入到精益求精的视觉设计中。从平面设计引申过来的技巧在这时起到了画龙点睛的作用:一些细节上的处理,为移动产品的界面大大地提升了网站的逼格。今天给大家分享的是如何通过细节设计,提网站逼格。
一.选用符合产品气质的字体
字体是设计师的重要武器之一,恰当的字体运用,可以使产品的定位和内容的情感有加倍的表达。由于移动系统自带的中文字体太少,而且并没有什么特色。内嵌字体,成为了一些追求完美的App设计师的一个解决方案。
作为一个「交流故事,沟通想法」的的写作平台App,简书为了优化阅读体验,选择了思源黑体作为内嵌字体,使用户发布的不管是简体中文、繁体中文、还是日文韩文,都能有比较理想的表现。食色的产品概念是和「生活家」们一起,发现与分享城市中的美食,所以选择了细腻精致的方正兰亭纤黑作为主要的界面字体。用户第一次使用,就能感受它与其他产品在气质上的不同。
二.巧用平面设计的排版技巧
IDEAT理想家App,继承了法国IDEAT杂志的理念,以展示设 计、艺术和风尚的「当代生活」内容为主。App界面上除了内容图片之外,几乎没有黑白以外的其他色彩元素。通过衬以黑底的高亮白字,既是内容又是装饰,贯 穿在整个App设计元素当中;调节这些文字与其他内容之间的间距,又在排版上起到作为点,作为线,甚至作为面的不同功用。
三.水印式装饰为图片加分
运用在产品界面上,水印式的题图也会给人眼前一亮的惊喜。「WOW!」在一款高质量画报的分享App—Big里,Big报的每一个题图都经过有针对性的水印式文字排版,力求让用户看到更大的世界,发现更多有「逼格」的内容。排版上虽然只有文字和小量装饰,字体和色彩的整体感都比较强
四.动态媒体设计更有震撼力
除了平面设计的元素之外,精心策划的视频式启动页(并不是动画!)也为产品逼格增色不少,看到ENJOY启动页,以及全民K歌的启动页的时候,你是否也有被感动到呢?
|