火星时代教程：app界面细节上气质提升

《火星时代教程：app界面细节上气质提升》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!火星时代教程：APP界面细节上气质提升今天火星时代为大家分享的是有关APP界面设计的问题。如何在细节设计上提升气质？不得不说一些细节方面的处理确实能为产品界面提升逼格。随着移动端扁平化的设计推进，设计师朋友们往往将重心投入到视觉中去。例如：以设计精美著称的Yahoo两款明星App产品YahooWeather和YahooDigest，除了在产品设计上的极致和突出表现外，模糊和斜切的手法，给整个产品的品牌气质提升到了一个新的高度。YahooWeather不论是在

2、布局、字体和色彩的运用上都显得精致细腻，滑动时高斯模糊的处理更是流畅平滑。YahooDigest的斜切突出了一个“破”，在不影响照片内容的前提下，既能在视觉上显得与众不同，又能在排版上巧妙地为色彩标签留了一角之地，比起一刀平，更显得灵动而不失平衡感。国外的优秀案例我们已经看过很多了，然而中文App在视觉设计上，往往与西文App无法相提并论。由于各种原因，例如字体的硬伤等，即使依样画葫芦也比原作逊色不少，这样的无奈给中文App设计师们徒增不少烦恼。但江山代有人才出，让我们也关注一下身边，总结一下近年来一些优秀的中文App如何

3、通过细节设计，提升产品逼格的吧。选用符合产品气质的字体字体是设计师的重要武器之一，恰当的运用字体，可以使产品的定位和情感的内容加倍的表达。然则困扰着许多设计师的一件事是，不管是哪个平台，移动系统中自带的中！文！字！体！实在是太少了，且没有什么特色。而内嵌字体，则成为了一些追求完美App设计师们的一个解决方案。火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!作为一个「交流故事，沟通想法」的写作平台App，简书为了优化阅读体验，选择思源黑体作为内嵌字体，使用户发布的不管是简体中文、繁体中文、还是日文韩文，都能

4、有比较理想的表现。食色的产品概念是和「生活家」们一起发现与分享城市中的美食，所以选择了细腻精致的方正兰亭纤黑作为主要的界面字体。用户第一次使用，就能感受它与其它产品在气质上的不同。除了内嵌简洁亲和的非衬线体之外，诸如像Lohas乐活这样小清新和强调自然生活感的产品，则会选用田氏宋体旧字形或者方正兰亭刊宋之类的，既能体现古韵，又能使简练质感的衬线字体来表达产品的定位和气质。巧用平面设计的排版技巧火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!俗话说，越是家常的菜式越是考验大厨的功力，譬如番茄炒蛋。越是简单的

5、元素越是考验设计师，譬如白底黑字，或是黑底白字。而黑白搭配的美，我们可以从大师原研哉的作品中深切地体会到。白面之上，黑字是字也是装饰，是点也是线。通过调整体积和间隔，错落地形成画面，构造韵律。IDEAT理想家的App，继承了法国IDEAT杂志的理念，以展示设计、艺术和风尚的「当代生活」为主。App界面上除了内容图片之外，几乎没有黑白以外的其他色彩元素。通过衬以黑底的高亮白字，既是内容又是装饰，贯穿在整个App设计元素当中；调节这些文字与其他内容之间的间距，在排版上起到了作为点，作为线，甚至作为面的不同功用。当然，如果不是以

6、内容为主的App，没有太多的排版需求的话，不妨可以像iFashion，或者是饭本出品的精选限量美食App—ENJOY，通过直接了当的黑线分割，也是不失干脆利落的。火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!水印式装饰为图片加分水印相机的成功告诉我们，用户也很喜欢用水印来提升自己图片的逼格，像Over这样专注于照片装饰的App，文字水印更是能卖出个好价钱。在产品界面上，水印式的题图也会给人眼前一亮的惊喜。在一款高质量画报的App—火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!Big里

7、，Big报的每一个题图都经过有针对性的水印式文字排版，力求让用户看到更大的世界，发现更多有「逼格」的内容。排版上虽然只有文字和小量的装饰，但字体和色彩的整体感都比较强，统一和谐显得十分大气。更吸引眼球的海报式图文分享除了产品本身，分享方式是为了让更多不认识的用户来了解产品的一个途径。如果只是一段文字配个图是不是觉得已经有点过时呢？海报风格的图片分享，是为了能在信息爆炸的时代抓住路人眼球的一个好方法，自然也需要更多的设计技巧。知道每日故宫App吗，敢情十有八九的人都不是因为它的名字或者任何广告，而是因为它精美的海报。素雅而有

8、质感的底图，配合古色古香的字体，让人惊艳的不是它反映故宫的历史感，而是透出来的一股洗练的现代气息。每日故宫传达给用户的不是一个「当年故宫」，而是「今日故宫」。火星时代(www.hxsd.com)-中国移动互联网设计高端品牌!此外，对于用户自己设计的App来说，把用户的图片和文字内容合成在一个排版好的模版