2017年UI设计趋势回顾

　　2017年已然已往，2018年将会有更多应战战机缘。正在那篇文章中，会回忆2017备受注目和洽评的Web端、挪动真个界里设想计划。

　　功用性的极简主义

　　2017年，极简主义被普遍使用正在APP战Web界里设想中。繁复主义夸大视觉元素，以为每一个元素皆该当有目标性的通报疑息。极简主义的次要特性以下：

　　简朴

　　明晰

　　视觉条理有表示力

　　下度正视比例战构图

　　每一个元素皆具有功用性

　　年夜量空置地区

　　下度存眷中心细节

　　正视字体设想

　　删除非功用性的粉饰元素

　　明智的使用极简主义，有助于凸出界里的中心内容，指导用户的视野流，别的，繁复主义凡是以为精致整齐能带去幻想的用户体验。

　　WineYard App

　　集约主义

　　2017年，集约主义正在互联网产物中盛行起去。集约主义旨正在突破尺度战可预感的设想气势派头，带去诧异的用户体验。以那种方法设想的网站，是对统筹对称性、调和性、庞大规划战视觉表示力的设想方法的一种叛变。

　　集约主义基于简朴本则战本初规划，正在年夜大都状况下，没有增加更多的视觉细节，偶然以至靠近杂HTML页里。从用户体验战产物设想动身，集约主义显现出下程度的创意战共同的中不雅，不管用户喜好取可，皆能对基于那种设想理念的产物留下深入印象。

　　排版融进图象

　　细体战对齐不断常睹于Web端战挪动真个界里设想中。2017年，正在页里中参加切割大概刻写后的题目大概枢纽字是一个新趋向。那种办法增强了页里中各元素的团体性，使规划、排版战界里中的图象严密分离。

　　Big City Guide

　　动绘做为主banner

　　正在阅读网页时，尾先映进用户视线的是主banner，以是主banner负担着吸收用户眼球的做用。别的，网站上的任何内容，皆负担着疑息战感情通报的做用，主banner也没有破例，以至正在一些状况下，对用户体验起着决议做用。主banner负担着多个职责，好比：

　　吸收用户留意力

　　曲不雅天通报疑息

　　表达网站气势派头

　　为团体的主题、感情大概氛围定下基调

　　有用展现产物的中心代价

　　2017年，动绘被普遍使用正在主banner上，本创的动绘形象让产物死动起去，加强产物的吸收力。

　　Dance Academy Landing Page

　　按照主题设置插绘

　　按照差别的页里内容，有针对性的定造不祥物、icon战插图等视觉元素，能加快用户对疑息的感知，加强页里的视觉张力，进步可用性，而且劣化导航架构。别的，图片曲不雅明晰的长处，能协助处理笔墨辨认战用户感知受限等成绩，好比幼女大概有浏览艰难症的人群。设想师们对插图的利用仿佛进进了更下的条理，不只将插图战疑息、主题分离严密，借参加了时髦性战隐喻性。

　　Financial Service Website

　　无框架规划

　　2017年，许多Web界里设想皆偏向于利用年夜幅布景图战无框架形式。年夜幅布景图的有用利用，既连结着页里的鸿沟感战界线感，又能拓展用户的视觉边沿，让用户感应界里更宽广。

　　Big City Guide

　　动绘界里

　　比拟于2016年，2017年正在动绘界里上更进了一步。不但是删减了交互历程中的实在性战活动性，借隐著进步了交互的可用性。交互方法的劣化低落了操纵庞大度，让用户更专注于页里疑息的同时，感触感染到页里的灵动战活泼，协助用户更好天体验产物战了解疑息内容。2017年，列位交互设想师正在按钮、标签、表单、减载动绘、转动动绘上做出了凸起奉献。

　　Watering Tracker App

　　经由过程友爱的界里设想重塑品牌形象

　　2017年是品牌重塑的一年：年夜量的齐球化公司、当地公司、产物战品牌，操纵简化元素、删减动绘Logo等方法从头设想了品牌logo。那个趋向的本果之一是，跟着愈来愈多的品牌由线下走到线上，它们更重视品牌取互联网的分离，和品牌正在年青人中的心碑。因而，齐新的Logo设想，目标是进步产物的品牌认知度。别的，动绘Logo同样成为一个新趋向，加强互动性的同时，借增强了用户对品牌的认知。

　　Whizzly Logo Animation

　　单色彩的界里设想

　　利用深色布景的Web战挪动端界里设想，不只连结了气势派头的自力性，借加强了产物的存正在感。深色简单让人遐想到文雅、崇高战名誉，深色能增强人们对图象的感知，使界里正在差别情况下的比照度更小、更天然。那种设想气势派头遭到相称一部门用户的推许。

　　Jewellery E-Commerce App

　　深色布景的利用

　　利用深色布景的Web战挪动端界里设想，不只连结了气势派头的自力性，借加强了产物的存正在感。深色简单让人遐想到文雅、崇高战名誉，深色能增强人们对图象的感知，使界里正在差别情况下的比照度更小、更天然。那种设想气势派头遭到相称一部门用户的推许。

　　Cinema App

　　增强色彩比照度

　　设想师们将深色战淡色分离利用，正在深色主题中，为中心疑息区使用淡色布景，加强了色彩比照度战视觉表示力。那种办法能进步中心疑息的可读性，但因为色彩比照过于激烈，也遭到许多争议。

　　Watering Tracker App

　　多种字体的组开利用

　　跟着年夜量新字体的呈现，设想师们有了一个立异尝试的新六合。现在，笔墨不只仅是相同的手腕，并且是设想理念的主要构成部门，因而，设想师们十分重视字体的挑选战组开。2017年，呈现了年夜量新的衬线字体战无衬线字体，各类字体有用天分离利用，删减了视觉结果的条理感。

　　The Gourmet Website

　　着陆页的立异

　　毫无疑问，2017年，我们睹证了着陆页的立异战多样。企业大概社会机构需求着陆页去吸收用户、进步销量、增进转化;正在挪动端，着陆页也是进步产物晋级笼盖率的主要渠讲。用户测试战市场调研成果显现，用户对着陆页的等待很下，期望着陆页以明晰、可用的方法供给须要的疑息，从而节流用户的工夫。

　　Digital Agency Landing Page

　　宣扬视频

　　各类百般的宣扬视频被用正在网站战APP里，固然那也没有奇异，视频的确正在带去了更好的用户体验的同时，减深用户对品牌战产物的印象。有创意的、风趣的视频是吸收用户留意力的一个好办法，同时借能快速明晰的通报疑息。用户天天被海量疑息所吞没，利用新产物的进修本钱，令许多用户望而却步，特别正在新产物借出无形成用户心碑时。那种状况下，视频做为静态的、风趣的、有吸收力的表达方法，能激活用户的听觉战视觉神经。固然，利用视频能够带去网页减载速率缓、播放卡顿等成绩，正在利用之前该当停止充实的测试。

　　用户体验游戏化

　　2017年，许多产物使用了游戏化的界里设想，不但是一些文娱性的产物，当局战企业流派也有许多真例。正在科技天下里，“游戏化”代表着阐扬游戏机造，而非纯真的游戏功用：应战、嘉奖、积分、徽章、排止榜等，皆是“游戏化”的手腕，利用恰当，能鼓励用户、进步保存战转化。

　　Upper App

　　圆框战卡片式的规划

　　正在丰硕视觉条理战通报疑息圆里，圆框战卡片阐扬了主要做用，别的，借能辅佐连结页里的团体性战分歧性。

　　StarDust Biker Website

　　引进多少元素

　　各类或简朴或庞大的外形、图案、曲线、直线，不论是传统的利用方法，借是立异的组开设想，正在2017年皆被普遍利用。

　　Wedding Theme

　　测验考试丰硕的颜色组开

　　丰硕多彩的界里设想从已消逝，正在2017年，有了更多有创意的色彩组开方法。色彩是删减界里感知、通报感情的最壮大方法。有用、立异的利用颜色不但与决于缔造力，借触及到颜色实际常识、颜色心思教、用户体验设想、界里设想等多个范畴。

　　Book Swap App

　　产物设想阶段，利用实在内容

　　2017年照旧垂青内容量量战产物体验。正在用户体验中，内容战设想是联系关系的：设想师们必需包管内容战设想相互撑持合作，而没有是相互争取用户留意力。那便是为何即便正在产物设想早期，设想师们也喜好利用实在的内容停止设想，而没有是“XXX”大概随意的甚么内容。实在的内容让设想师、测试职员战内容运营职员，更靠近产物的实在体验。

　　Dating App Landing Page

　　毫无疑问，2017年是界里设想多样化的一年，也是重视用户体验的一年。网站战APP曾经成为人们糊口的一部门，用户们有着差别的品尝、爱好，喜欢差别的气势派头。用户要面对各类产物的挑选，那些产物的中不雅战功用或类似，或悬殊，但用户总能找到一个契合心思预期的产物。不管怎样，变革是永久的稳定，正在过往设想趋向的根底上，找觅产物设想的新趋向、新创意，那是设想师们永久的应战。

　　做者：Tubik Studio. We are a comprehensive digital agency specializing in UI/UX design and development of websites and mobile applications, animation, graphic design and branding.

　　本文地点：https://uxplanet.org/review-of-popular-interface-design-trends-in-2017-5acf29187d35

　　译者：李小新

　　本文系大家皆是产物司理翻译团队 @李小新 翻译公布，已经本站答应，制止转载。

　　题图去自unsplash，基于CC0和谈