Blog

  使用框架 网页设计能自己做自己的设计固然是好,但是相对于客户、使用者以及整个团队来说,完全没必要排斥框架。因为它能够最大程度上保证你的网页设计作品更加出色,拓展性也在增强。 排版规则 不要过度排斥平台规范建议的规则,毕竟要考虑到时间、精力以及风险。 配色过多 一定要控制颜色的使用,过多的配色不仅仅会影响网页设计的视觉效果,还会导致整体的可用性降低。 透明度低 虽然能够带来通透、呼吸感的网页效果,但是会造成用户难以浏览和操作,同时可读性和易读性也会受损。

  定制化 是整个界面设计至关重要的组成部分,也是目前提升用户体验的一个比较明显的趋势。根据用户自身的特性,为他们带来符合预期和需求的体验。当然,这需要根据用户的访问记录来进行优化推荐,这招尤其适用于电商类型的界面设计。 个性化 在APP界面当中突出个性化是非常有效的一种提升用户体验的方式,这样能够很好地传递给用户界面的品牌。比如当用户完成某个流程任务的时候,给予一定的奖励设计。 动效化 合理地使用动效,能够让界面更好地呈现上下文、细节以及语义。最重要的还是强化了界面设计的质感!作为一种辅助的手段,动效还在其他的功能基础上发挥作用,比如反馈、引导等。

  一般来说,界面设计要考虑到的错误状态有三个方面: 无法解读用户的输入; 界面自身出错了; 用户进行了矛盾的操作。 无论是界面自身还是用户自身引起的错误,对于用户来说,都会降低用户体验。 要让用户界面错误状态呈现良好,其一当然是要先对用户可能出现的错误进行预测,最大限度地去让用户更快走出错误状态。比如,提供建议、给予新链接、说明限制等。其二是保证错误信息的出现是被用户可直观接受的。也就是清晰地、简短地表明错误的信息。  

  趋势一:高清大图与视频 多角度的高清大图用于电商网站设计项目,或者是使用全方位且无死角的视频形式来呈现,能够让用户看得更为清楚,更容易激发他们购买的欲望和决心。越来越多的电商网站设计项目都愿意引入高清大图以及视频作为背景,这样还会增强网站的信任感。 趋势二:长滚动页面 其实已经成为了电商网站设计的最爱之一了。因为移动端的电商页面渐渐成为了用户日常浏览的主要网站之一。长滚动页面能够很好地节省空间以及呈现更多的内容。同时只需要滑动即可完成交互,非常简单。最重要的是长滚动页面的形式能够提升用户体验!  

  第一种:双面版选择器 双面板列表设计模式简单来说就是将列表区分为两个区域,用户可以自由地在第一个面上选择项目,第二个面版上会显示面板一选择的项目内容。其优点是用户操作起来会非常的有效率,不需要来来回回的在不同列表切换,能够有效地减少用户的记忆和认知的成本。局限性是需要比较大的接口设计尺寸。 第二种:单窗口深入 简单来说就是使用一个基本的列表来显示内容,当用户点选其中某个项目时会使用新的画面去显示内容,以此取代列表画面。这样能够保证用户可以专心地处理页面信息或者功能等。但要注意的是效率不是那么高,因为使用者需要不断地进入和离开,无法一次地处理多个信息。    

  用户视觉上可以看到的内容数目比较少 很明显,相对于清单式的页面设计,卡片形式所呈现的内容就相对少很多。为了获取到更多内容,使用者需要不断地进行翻页或者点击。除此之外,还有设备尺寸的不同,卡片式所呈现的同一内容在不同的设备尺寸上也有所区别。 用户搜索之后所显示得结果数目也比较少 虽然卡片样式的页面设计很有视觉特色,同时也方便用户的点击浏览,但是对于实用类型的页面设计项目,并不建议你这样做。  

  限制卡片中承载的内容(元素、功能) 页面制作使用卡片形式,不需要太大。并且大多数的时候只是用于作为详细信息的入口。因此,卡片本身不能够承载太多的信息内容,尤其是细节。否则会显得过于臃肿,而且视觉上也变得不好看。 充分地利用好动效 合理地使用好动效元素,用户体验会有极大的提升。一般来说,动效能够说明用户急于卡片形式的设计当中更好地地位,以及对不同卡片状态之间建立好视觉关联。比如视觉提示,视觉回馈,还有放大以及缩小等。

  触发:用户点触微交互,比如点击心型图示表示赞和喜欢 规则:交互的行为规则。要知道用户无法“看到”规则,但是可以通过微交互去给予他们回馈,以此说明他们更好地理解页面的交互规则。 回馈:简单来说就是为用户设计微交互发生的时候,返回信息的沟通机制。比如用户点击按钮,按钮就向下凹一下,阅读过某篇文章后,列表对于标题会有颜色变化显示等。 循环与模式:设定微交互的时长以及周期,并且还需要考虑它是否重复,以及随着时间演变的过程。    

  微交互越来越火热,对于如今的网页设计趋势来说其实已经不算新鲜事。为何它们能够成为话题的中心?主要得益微交互能够给用户带来的动容的浏览和操作体验!微交互一般存在于APP产品页面设计环节,主要围绕着用户完成单个任务前后而存在的微妙的交互与效果。 常见的微交互使用场景: 已经添加到购物车时; 使用下拉刷新更新内容; 确认某个操作的接口动效。 微交互设计虽然不明显,却能够带来润物细无声的效果,让用户感觉贴心。除此之外,它承载着一定的视觉回馈作用。

  一般来说,网页设计要对用户的交互行为响应主要有以下的类型: 粗略浏览和操作网页信息内容的响应; 仔细浏览和操作网页信息内容的响应; 给用户需求予期望的信息内容的响应; 但是很多网页设计并没有很好地实现为用户体验而进行交互设计,无论是用户自身的错误点击还是网页自身所存在的问题、网络问题、现实场景干扰问题等,只要出现交互错误,都抛给用户。最常见的方式是让用户刷新、返回或者关闭重启网页。而友好的交互体验是能够预先地预测到这些错误的问题,除了能够快速地反应给用户,自身都在努力地改善而不是让用户自己动手。如用户点击操作错误之外自动的刷新,为错误页面提供其他页面或者信息内容的链接等方式。

MENU
網頁設計公司