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