欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > 网页UI设计之细节提升气质

网页UI设计之细节提升气质

发布时间: 2016-08-03 16:16

年代总是在螺旋式地发展变化中,规划潮流也是如此。跟着移动端扁平化规划推进,不断增加的规划师不满足于仅仅是色块、图标和体系字体的单调组合,而把更多的心思投入到精雕细镂的视觉规划中。从平面规划引申过来的窍门在这时起到了画蛇添足的作用:一些细节上的处理,为移动商品的界面大大地提高了品牌逼格。

例如以规划精巧著称的Yahoo的两款明星App商品Yahoo Weather!和Yahoo Digest。除了在商品规划上的极致和杰出表现外,含糊和斜切的办法,给全部商品的品牌气质提高到了一个新的高度。 Yahoo Weather! 不论是在规划、字体和颜色的运用上都显得精巧细腻,滑动时高斯含糊的处理更是流通滑润。Yahoo Digest 的斜切杰出一个“破”,在不影响相片内容的前提下,既能在视觉上显得与众不一样,又在排版上奇妙地为颜色标签留了一角之地。海淘科技认为比起一刀平,更显灵动而不失平衡感。


小处显逼格:细节提高气质

国外的优异事例咱们现已看过很多,但是中文Apps在视觉规划上,通常与西文Apps无法混为一谈。由于各种因素—例如字体的硬伤等,即便依样画葫芦也比原作差劲不少,这么的无法给中文Apps规划师们徒增不少烦恼。但江山代有人才出,且让咱们也重视一下身边,总结下近年一些新秀中文Apps如何经过细节规划,提高商品逼格。

选用契合商品气质的字体

字体是规划师的主要兵器之一,恰当的字体运用,能够使商品的定位和内容的情感有加倍的表达。关于字体挑选和字体与商品气质能够参阅别的两篇文章,在此就不多说了。(【英文字体挑选 】 / 【 字体与商品气质 】)然则让很多规划师困扰的一件工作是,不管是哪个渠道,移动体系自带的中!文!字!体!实在是太少了,并且并没有啥特征。内嵌字体,成为了一些寻求完美的App规划师的一个解决方案。


小处显逼格:细节提高气质

作为一个「沟通故事,沟通主意」的的写作渠道App,简书为了优化阅览体验,挑选了思源黑体作为内嵌字体,运用户发布的不管是简体中文、繁体中文、仍是日文韩文,都能有对比抱负的表现。食色的商品概念是和「日子家」们一同,发现与共享城市中的美食,所以挑选了细腻精巧的方正兰亭纤黑作为首要的界面字体。用户第一次运用,就能感受它与别的商品在气质上的不一样。

除了内嵌简练亲和的非衬线体以外,诸如像Lohas乐活这么小清新和强调天然日子感的商品,则会选用了田氏宋体旧字形或许方正兰亭刊宋之类的,既能表现古韵,又相当简练质感的衬线字体来表达商品定位和气质。


小处显逼格:细节提高气质

巧用平面规划的排版窍门

俗话说,越是家常的菜式越是检测大厨的功力,比如番茄炒蛋。越是简略的元素越是检测规划师,比如白底黑字,或是黑底白字。而是非配的美,咱们能够从大师原研哉的著作中殷切地体会到。白面之上,黑字是字也是装修,是点也是线。经过调全体积和距离,参差地构成画面,结构韵律。


小处显逼格:细节提高气质

IDEAT抱负家App,继承了法国IDEAT杂志的理念,以展现规划、艺术和风尚的「当代日子」内容为主。App界面上除了内容图像以外,几乎没有是非以外的别的颜色元素。经过衬以黑底的高亮白字,既是内容又是装修,贯穿在全部App规划元素傍边;调节这些文字与别的内容之间的间距,又在排版上起到作为点,作为线,乃至作为面的不一样功用。


小处显逼格:细节提高气质

当然,假如不是内容为主的App,没有太多的排版需求的话,无妨能够像iFashion,或许又是饭本出品的精选限量美食App—ENJOY—这么,经过直接了当的黑线切割,也是不失干脆利落。


小处显逼格:细节提高气质


小处显逼格:细节提高气质

水印式装修为图像加分

水印相机的成功通知咱们,用户也很喜爱用水印来提高自个图像的逼格,而像在Over这么专心于相片装修的App里,文字水印更是能卖出个好价格。


小处显逼格:细节提高气质


小处显逼格:细节提高气质

运用在商品界面上,水印式的题图也会给人眼前一亮的惊喜。「WOW!」在一款高质量画报的共享App—Big里,Big报的每一个题图都经过有针对性的水印式文字排版,力求让用户看到更大的国际,发现更多有「逼格」的内容。排版上尽管只需文字和小量装修,字体和颜色的全体感都对比强,一致调和显得非常大气。


小处显逼格:细节提高气质

更吸引眼球的海报式的图文共享

除了商品自身,共享办法是让更多的不认识的用户了解商品的一个路径。假如仅仅一段文字配个图是不是觉得现已有点过期?海报个性的图像共享,是在信息爆破年代捉住路人眼球的一个好办法,天然也需求更多的规划窍门。知道每日故宫App的人,敢情十有八九都不会是由于它的姓名或许任何广告,而是由于它精巧的共享海报。素雅而有质感的底图,配合古色古香的字体,让人冷艳的不是它反映故宫的历史感,而是透出来的一股简练的现代气味。每日故宫传达给用户的不是一个「当年故宫」,而是「今日故宫」。


小处显逼格:细节提高气质

此外,关于用户自个生产内容的App来说,把用户的图像和文字内容组成在一个排版好的模版里边,再共享出去,也是一个能展现规划水平的办法。每天P图的海报拼图,即是一个功用化后的海报式共享。用户将自个拍照的相片,添加到规划好的海报模版中,能够修正相应的主题和案牍,程序还能自动识别相片时刻、拍照地点,只需简略的操作就能组合出一张归于自个的海报。经过海报拼图共享出去的相片,是不仅是经过规划师规划的模版来提高用户相片逼格的效果,也是用户气质与商品气质交错后的效果。


小处显逼格:细节提高气质

跟别的类似的海报式共享起来,专心于老友间美食引荐与共享的App夜夜,还加入了一个小心思:经过baidu翻译API,将用户输入的文字,转换成繁体中文、日文、韩文以及文言文,并配用内嵌的字体—如文悦古体仿宋—展现,共享出来的图像又别有一番风味。


小处显逼格:细节提高气质

动起来的界面更有震撼力

好像传统规划(好吧,尽管我并不喜爱这种称号办法)这些年风头被界面规划,尤其是移动规划大大地盖过,但如文章最初所说,规划潮流也是不断的螺旋式发展变化中。关于规划师来说,为啥而规划才是最主要的,东西和办法皆是需求贯通的。除了紧跟年代前沿的科技和规划趋势以外,回顾经典和审视日子,修炼细节,也是提炼规划概念的主要办法之一。 当然,除了平面规划的元素以外,精心策划的视频式发动页(并不是动画!)也为商品逼格增色不少,看到ENJOY发动页,以及全民K歌的发动页的时分,你是否也有被感动到呢?

综上所述

逼格怎样表现?即是化繁为简,以小见大。要做出效果,除了有窍门,还要有「心」。用心从细节上营建商品气质,给用户带来愉悦感,网页UI设计为品牌取得认同感,构成一股独有的商品气场,又有谁能说就不是一种逼格呢?秉承这么的一种主意,咱们的商品每天P图自诞生日起,每一个版别都在努力地朝着营建自个的逼格的方向蜕变,未来也会遵循精雕细镂的良心,带给用户更多的惊喜。

相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4