欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

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

发布时间:2017:10:06 18:05:25 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1557个文字,预计阅读时间4分钟
导语
年代总是在螺旋式地发展变化中,规划潮流也是如此。跟着移动端扁平化规划推进,不断增加的规划师不满足于仅仅是色块、图标和体系字体的单调组合,而把更多的心思投入到精雕细

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

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


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

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

推荐阅读:网页UI设计之情感化设计

选用契合商品气质的字体

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


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

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

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


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

巧用平面规划的排版窍门

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


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

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


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

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


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


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

水印式装修为图像加分

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


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


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

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


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

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

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:网页UI设计之情感化设计

下一篇:【动效UI干货】如何高效向用户展示你的app

  • 18875 文章总数
  • 2194521访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信