2017年这3个设计趋势，请务必要警惕

　　本文是源自 Medium 上的一篇爆款设想文章(得到了 12.6K 的赞)，UI/UX 设想师 – Eleana Gkogka 正在文章中，分享了 3 个值得我们警觉的设想趋向，并给出了详细的处理方法。同时，她也警告我们，没有要以捐躯用户体验为价格去逃逐设想趋向。去 Enjoy 吧!

　　我们不克不及经由过程一本书的启里去评价其内容的黑白，但能够经由过程一个网站的设想去判定其火准。人们经常风俗正在理解产物取网站的功用战真用性之前，基于它们的中不雅停止评价取判定。固然，松跟设想趋向关于连结产物的新颖度取吸收力是非常须要的。可是，设想趋向实是“灵丹灵药”?

　　做为设想师，松随设想趋向确实是我们事情的枢纽部门，但我们不该该自觉的利用它们。并不是每种设想趋向皆是通用、无益或是适宜的。即便再好的设想趋向，用错了天女也会有益用户体验。那便是为何我们需求挑选它们，慎重的利用它们，并正在需求的时分停止实时的调解。

　　让我们去看看 2017 年 3 个需求警觉的设想趋向，和怎样更明智的利用它们。

　　亮堂的颜色

　　寡所周知，色彩能够转达感情，也能够正在品牌战 UI 设想中战略性的利用。比拟暗色或中性色而行，明色系更简单吸收留意力，并让我们发生更主动的感情。亮堂、腾跃的色彩老是彰隐着风趣、斗胆取精神充分，而温和的色彩则使人放紧，感情也能更加舒缓。

　　2017 年是使人镇静的一年，草创企业取新产物如雨后秋笋般的出现，皆正在争取本人的市园地位。颜色是获得人们的留意力，并发生联络的最好方法，那便是为何亮堂的颜色愈来愈受欢送。但物极必反，毛病的利用只会有益用户的体验。

　　警觉

　　年夜里积亮堂的颜色页里，或是寡多相邻的亮堂色彩会使我们的眼睛“流血”。那不只仅是字里的意义，它们的确会损伤用户的眼睛。当用户感应单眼酸涩疲倦时，他们便会不由自主的松闭单目大概转移视野，但是我们又惧怕用户会便此流得，因而便会劣先利用闪灼的色彩。

　　那些接近或是正在笔墨周边的明色，城市让用户的浏览变得很没有高兴，以至呈现没法浏览的情况，果为明色会反射更多光芒。那便仿佛人们正在浏览时，脸却被强光脚电照着一样。即便人们想法浏览，但带给他们的体验也长短常蹩脚的，而响应的内容也天然没有会被用户所正视。

　　测验考试那样做：

　　操纵较年夜里积的暗色或中性色去均衡明色;

　　正在细节上利用明色，用去吸收并指导用户;

　　正在年夜型的印刷品上利用明色，做为粉饰元素;

　　用于夸大内容或互动的时分，利用明色。

　　没有要那样做：

　　制止年夜里积利用明色或将其做为次要布景色;

　　制止正在统一个页里或相邻之间利用过量明色;

　　没有要正在主文本以后或四周利用明色;

　　没有要正在带有寄义的小地区中利用明色，比方小图标战导航。

　　尝试性规划

　　正在争取用户眼球的比赛中，设想师回绝平凡，突破调和，并利用共同、不服衡战非支流的做品将以“治”为好的设想理念带回到设想圈。而那种尝试性规划正在 2017 年变得更加盛行。

　　固然，那种趋向是淘气且风趣的，也没有得为一种很好的办法，协助艺术或时髦设想从整齐的规划中脱颖而出，而尝试性的规划方法也没有正在意规划能否和谐。正在照片、字体排版战界里上凡是皆没有会对齐布列，各个元素也具有差别的挖充方法，以至互相叠减。

　　警觉

　　我们的一样平常糊口曾经够紊乱了。当我们正在网上查找疑息的时分，借需求更多的滋扰吗?不服衡的规划方法，能够很简单天滋扰用户发明、阅读网站疑息，从而压服性的改动用户的阅读体验。当我们的目的是让用户可以从内容沉重的页里中获得疑息时，规划构造便隐得尤其主要了。

　　正在指导用户阅读内容的历程中，视觉条理也相当主要。正在尝试性规划中，元素凡是相互浮动，或是以随机、非条理的方法去分别内容。而其他元素能够正在页里较没有较着的地区中堆叠或终极呈现，从而利用户易以浏览、分组战处置疑息。

　　测验考试那样做：

　　当没有以获得疑息为次要目标的时分，能够利用尝试性规划方法;

　　正在整洁规划取对齐的模块间，利用不服衡的规划方法删加调皮感;

　　连结分组元素的相对集合，并正在差别的内容块之间停止明白的分开;

　　当元素间有优良的比照度战充足年夜的排版空间时，再利用堆叠元素。

　　没有要那样做：

　　没有要正在内容丰满的页里中利用尝试性规划;

　　当用户阅读内容的工夫有限，请勿利用不服衡的规划方法;

　　没有要将元素随便天摆放正在页里上，请务必设置一些根本的对齐方法;

　　没有要自觉天堆叠元素，请思索元素之间的比照战其相干意义。

　　小细节

　　极简主义曾经流行了好久，将来照旧云云。但是，我们今朝正晨着更重视细节的规划方法改变。那种改变的次要本果是 – 极简设想出有法子供给更多的细节，用以辨别更加庞大取详尽的元素。

　　从主要的导航面到没有起任何做用的浮动元素，那些细节能够指导用户的单眼。飞翔的粉饰图标、下划线、多少图形战碎片元素愈来愈受欢送，果为它们能够为任何设想删加风趣的正文。它们能够饰演均衡器、分开符或指背内容的指针等脚色。

　　警觉

　　一些细节关于吸收战与悦用户是非常管用的，但它们能够正在没有经意间取实践的导航、内容发生合作干系。同时，太多的细节能够会完全使层级构造变得紊乱，而没有是协助用户阅读内容。 以是，没有为效劳目的的细节皆是过剩的。

　　借有一些细节凡是会做为粉饰元素，呈现正在图象或字体排版的边沿，偶然候会取它们叠减，偶然则跟从转动条或鼠标的光标停止挪动。固然，它们简单吸收我们的留意，可是，我们需求留神那个功用，并将其开理的安排，从而制止影响内容的可读性。

　　测验考试那样做：

　　利用一些用于明白内容的细节，确保其可读性没有受影响;

　　利用一些指导或剥离用户留意力到次要内容的细节;

　　用简约的规划去均衡细节;

　　测验考试正在细节中增加取高低文相干的疑息，使其取内容相干。

　　没有要那样做：

　　没有要正在内容烦琐的页里中利用细节;

　　制止出有目标性，或不克不及帮您转达故事疑息的细节;

　　测验考试将无功用的细节从主用户导航中辨别出去;

　　把小细节做为您设想的减分项，而没有是次要构成部门。

　　一些值得说起的设想趋向

　　小字体排版

　　小字号字体排版看上来会愈加的文雅。它为其他元素预留了充足的空间，便于用户视野的挪动。同时，利用较小的字领会有充沛的留黑，便于您创做出更风趣的比照结果。

　　另外一圆里，小字体排版能够会让用户丢失正在年夜段笔墨中，大概能够会阻碍内容的可读性。以是，请正在短小的段降中再利用小字体排版。别的，制止利用小于 13pt 的字体停止排版。

　　尝试性导航

　　跟着更多设想师的测验考试取立异，尝试性导航形式也更加的盛行了。差别的导航款式能够使小型、内容较少的网站变得更加风趣，同时它们能够协助用户以特定的方法停止导航。

　　别的，假如尝试性导航形式充足曲不雅，便能够取用户停止高兴、有用的互动。但值得我们留意的是，那种形式其实不合适一切的设想或是受寡。以是，测试其可用性便变得相当主要了。

　　动绘

　　动绘为 UI 设想带去了有限的能够。它们带去了丰硕的创意变更，并能加强用户的体验。动绘能够正在任何设想中增加一个分外的层级，用于指导用户存眷到准确的地位。同时，动绘丰硕了极简规划，并加强了故事性和用户交互。

　　但是，过分利用动绘会删减网站的背载，耽误的减载工夫无疑磨练着用户的耐烦。那些没必要要的动绘也会混合、骚动扰攘侵犯或误导着用户，以是请明智的利用它们。

　　总结

　　正在网站取产物设想的海潮中，设想职员测验考试经由过程遵照设想趋向去连结设想的新颖度战相干性。但趋向也是需求警觉的，它们并不是“灵丹灵药”。我们需求根据内容、受寡取目的慎重的利用它们，才是重中之重。

　　最初，也是最主要的一面，请没有要果为看起去没有错，而捐躯用户的体验!

　　感激您的浏览。若您有所播种，欢送面赞取分享。

　　注：本文版权回本做者一切，仅用于进修取交换

　　本文地点：Dangerous Design trends 2017

　　本文做者：Eleana Gkogka

　　译者：IT法式狮，微疑公家号【IT法式狮】