学习总结 1. 关于2018最佳网页设计 【吸睛的视觉滚动差设计】 使用视觉滚动差设计,可以突出产品主体。展示方式通过用户上下滚动鼠标进行交互,并且可查看更多的视频作品,视觉效果好 【插画设计风格】 插画,手绘,动漫等设计风格,可以增加网页的趣味性和创意点,加深用户对产品 品牌的印象 【简约风】 简约风网页设计,最主要的特性是干净整洁。在设计网页的时候可进行添加独特的文本,图标或图片动效 【侧边栏显示或隐藏导航栏】 添加实时导航设计,用户可随时掌握自己的动向,提供足够的安全感和愉悦度,用户体验可以得到提升 【微交互】 在鼠标悬停在网页上的时候,进行简单的人机交互,大大的增加了网页的趣味性 Mockplus原型工具可以实现 【全屏视频效果】 全屏视频背景的设计,在Mockplus原型工具中使用GIF组件,可以实现动态视频的添加和编辑 【不对称网格+动效】 利用不对称网格,增加整个网页个性张力,再利用动态文本的展示动效,激发用户的阅读兴趣,对称网格也是一种很好的视觉效果 【流体特效】 使用炫酷的流体特效,可以带给用户完全不一样的感受视觉体验,丰富页面视觉展示效果 【电商类网页设计】 变幻鼠标点击状态样式,文本字体,色彩配色等增加更多人性化的设计,迎合了用户的喜好 2. 2018年,六大网页流行趋势预测 【渐变色和半透明设计】 大胆地使用渐变撞色,可以营造更好的氛围以及产品气质 【半扁平化设计】 在简洁的设计基础上增加一定层面的空间感(卡片、按钮悬浮),让用户感觉系统不同层面的元素,是可预测有原则的。
【三维设计】
三维设计增加了设计的纵深度及趣味度,让画面更加丰富,营造出一种空间立体感,使用软件-C4D 3. 2018年网页设计的19种趋势 【破碎的网格布局】 破碎的网格布局允许图像和文本元素更自由的出现,而在更规范的布局中,元素的排布往往需要按部就班 【插图在中心位置】 插图在有的时候可以巧妙地解决一些具有代表性的问题,让用户身临其境的思考,增加代入感 【有机和倾斜的线条】 直线和直角的运用,更多的与曲线、球形有机的结合在一起 【意外的滑动率】 网站上的照片在用户没有向下滑动的时候都是正常显示的,直到用户下拉滑块滑过后,照片开始快速上升,给用户造成一种有趣的缥缈感 【衬线字体表现力】 衬线字体能提供一种优雅、精致的文字修饰效果 【色彩明亮的渐变】 明亮色彩与多种纹理相结合的效果,在今年这一趋势越发火热,并且更加大胆,渐变2.0时代还将包括背景渐变,双色调渐变,多色渐变,图像叠加渐变等。 【2018流行色】 紫罗兰色是一种偏蓝的紫色,它能给我们带来耳目一新的感受,蓝紫色也很受欢迎。还有樱桃番茄色,草地鹨色、石灰潘通色、世外桃源色 相较于17年,我们从今年的流行趋势中能够看到,18年无论在色彩、布局、形式还是动效上,都是更加多元化的发展。作为一名UI设计师时时刻刻都要了解每年的流行元素、流行趋势,把好的都运用在设计作品中,提高自己的设计水平。
|