关于2018流行趋势学习总结

刘秋香

学习总结

1.   关于2018最佳网页设计

【吸睛的视觉滚动差设计】

使用视觉滚动差设计，可以突出产品主体。展示方式通过用户上下滚动鼠标进行交互，并且可查看更多的视频作品，视觉效果好

【插画设计风格】

插画，手绘，动漫等设计风格，可以增加网页的趣味性和创意点，加深用户对产品 品牌的印象

【简约风】

简约风网页设计，最主要的特性是干净整洁。在设计网页的时候可进行添加独特的文本，图标或图片动效

【侧边栏显示或隐藏导航栏】

添加实时导航设计，用户可随时掌握自己的动向，提供足够的安全感和愉悦度，用户体验可以得到提升

【微交互】

在鼠标悬停在网页上的时候，进行简单的人机交互，大大的增加了网页的趣味性

Mockplus原型工具可以实现

【全屏视频效果】

全屏视频背景的设计，在Mockplus原型工具中使用GIF组件，可以实现动态视频的添加和编辑

【不对称网格+动效】

利用不对称网格，增加整个网页个性张力，再利用动态文本的展示动效，激发用户的阅读兴趣，对称网格也是一种很好的视觉效果

【流体特效】

使用炫酷的流体特效，可以带给用户完全不一样的感受视觉体验，丰富页面视觉展示效果

【电商类网页设计】

变幻鼠标点击状态样式，文本字体，色彩配色等增加更多人性化的设计，迎合了用户的喜好

2.   2018年，六大网页流行趋势预测

【渐变色和半透明设计】

大胆地使用渐变撞色，可以营造更好的氛围以及产品气质

【半扁平化设计】

在简洁的设计基础上增加一定层面的空间感（卡片、按钮悬浮），让用户感觉系统不同层面的元素，是可预测有原则的。

【三维设计】

三维设计增加了设计的纵深度及趣味度，让画面更加丰富，营造出一种空间立体感，使用软件-C4D

3.  2018年网页设计的19种趋势

【破碎的网格布局】

破碎的网格布局允许图像和文本元素更自由的出现，而在更规范的布局中，元素的排布往往需要按部就班

【插图在中心位置】

插图在有的时候可以巧妙地解决一些具有代表性的问题，让用户身临其境的思考，增加代入感

【有机和倾斜的线条】

直线和直角的运用，更多的与曲线、球形有机的结合在一起

【意外的滑动率】

网站上的照片在用户没有向下滑动的时候都是正常显示的，直到用户下拉滑块滑过后，照片开始快速上升，给用户造成一种有趣的缥缈感

【衬线字体表现力】

衬线字体能提供一种优雅、精致的文字修饰效果

【色彩明亮的渐变】

明亮色彩与多种纹理相结合的效果，在今年这一趋势越发火热，并且更加大胆，渐变2.0时代还将包括背景渐变，双色调渐变，多色渐变，图像叠加渐变等。

【2018流行色】

紫罗兰色是一种偏蓝的紫色，它能给我们带来耳目一新的感受，蓝紫色也很受欢迎。还有樱桃番茄色，草地鹨色、石灰潘通色、世外桃源色

相较于17年，我们从今年的流行趋势中能够看到，18年无论在色彩、布局、形式还是动效上，都是更加多元化的发展。作为一名UI设计师时时刻刻都要了解每年的流行元素、流行趋势，把好的都运用在设计作品中，提高自己的设计水平。