联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

微信网页设计原则及常见误区详解,你中招了吗?

Time: 2019-12-18

网页有非常多种浏览方式,除了常规的电脑浏览跟手机浏览之外,还有在微信当中的游览方式,每种方式的页面设计也会有所不同,下面我们跟随小编一起来了解一下微信网页设计的相关资料吧。


微信网页设计原则


一、尊重视觉的主导地位

  每个人首先都是视觉动物,然后才是行为动物,因此视觉才是微信网页页面设计的主导,它能在不知不觉中影响着交互。另外好的视觉设计能够提升转化率,激发用户的购买欲。


  二、提供清晰的操作指引

  虽然对于-般的微信微信网页来说,每个页面的切换都会有一个清晰的箭头作为引导,但是如果是需要用户做出额外的点击、滑动才能跳到另一个页面的话,就必须给出一个清晰的操作指引,完善用户体验。


三、保证视觉统一

  不只在视觉上,统一性在微信网页页面设计中非常重要,它体现了页面设计和排版的逻辑性,也体现了色彩、元素的协调性,这样都能让用户享受愉悦的视觉体验。


  四、降低学习成本

  如今用户对微信网页页面设计模式已经形成了一个熟悉的认知,比如中心排版、翻转动画、点击跳转等等,如果增加一些很陌生、另类的设计,就会增加用户的学习成本,让用户的阅读变得吃力。


1.jpg

(图片来自网络)


  五、通过风格指南创造一致性

  确定了微信网页页面的风格之后,那么页面中的元素、尺寸、字体、颜色等各个方面都可以先围绕这个风格进行设计,最后再使用拼凑手法来将他们组合、搭配在一起,这样可以保证页面风格的一致性。


  微信网页设计原常见误区


  1、文字拥挤:文字拥挤是因为字间距过小,它会降低文字的可阅读性,而很多人在网页排版设计时都会忽略字间距这个细节。另外,有些字体本身比较稀疏或紧密,需要我们去做适当的调整。


  2、段落密集:段落密集是因为行间距过小导致的,会令用户难以识别各行文字,不过单纯地拉开行间距很难取得好的视觉效果,建议行间距为行高的二分之一左右。


  3、拉伸与压缩不合理:如果图片、文字不按照原始比例进行拉伸或压缩,就会造成不正常的扭曲和形变,影响视觉体验,我们在设计时要尽量避免这种情况,比如使用PS做图时,按住Shift键进行拉伸。


2.jpg

(图片来自网络)


4、忽略可读性:在页面中,影响可读性的因素有很多,不过最基础的还是文字本身的清晰性。一般页面文字不宜过小过细,这样会降低它的辨识度,而且色彩对比要明显,不能被背景或其他元素所掩盖。


  5、忽略阅读舒适度:文字看得清了还不够,还应该让用户看得舒服。一般页面的标题、宣传语要用加粗加大、有美观性的字体文字,而正文则要简洁清晰,保证用户不会产生阅读疲劳,这样的阅读舒适度才会高。


  6、使用太多字体:一般刚刚接触微信网页设计都比较容易犯这个错误,认为字体多可以起到装饰的作用,其实相反。一个页面使用太多字体会导致可控性差、视觉干扰强,字体间不同的风格还会使页面整体不统一。建议页面字体有两种就够了。


  以上就是小编为你整理的微信网页设计的相关资料,小编觉得微信网页的设计还是比较重要的,因为微信的用户群体是非常大的哦!




合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开