江苏龙网

  1. 首页 > 资讯 > 科技 > >

手机端|如何做好手机端网页设计( 二 )


手机端|如何做好手机端网页设计
本文插图

所谓竖屏思维可以理解为：以手机的一屏为单位 ， 要让每一屏不管是视觉还是信息传达 ， 都能给人一种一目了然、舒服的视觉感受 。
2、卡片式设计
在手机上 ， 把每个信息模块按照类似卡片的形式展示 ， 会让页面在手机端展示时的内容信息更具条理性 ， 减少用于捕捉信息的阻碍 ， 在这方面App Store做的就不错：
【手机端|如何做好手机端网页设计】手机端|如何做好手机端网页设计
本文插图

卡片式设计比较适用于手机端页面 ， 提升了用户捕捉信息的效率 ， 在视觉上也很舒服、和谐 。 这种形式在PC端不太好发挥 。
3、少即是多
由建筑大师路德维希·密斯·凡德罗提出的：“Less is more" ， 但又绝不是简单得像白纸一张 ， 让你觉得空洞无物 ， 根本就没有设计 。 设计中的理解就是留白 ， 手机的屏幕本就远小于电脑 ， 加之用户在页面上的停留时间短暂 ， 在短时内如何把有效的文字信息、视觉信息传递给用户就是手机端设计不得不考虑的问题 。 减少一些不必要的装饰元素对于信息传递的阻碍 ， 做到元素减少 ， 信息传达的更多 。
4、放大图文
由于手机端用户浏览节奏比较快、停留时间短 ， 所以要尽量图文放大 ， 以便提升其对用户的视觉冲击力以及用户捕捉信息的速度 ， 同时结合前面所说的竖屏构图：
手机端|如何做好手机端网页设计
本文插图

图文放大 ， 对于提升信息辨识度以及视觉美观度都有很大帮助 ， 同时也会让作品留给用户的视觉印象更加深刻 。
四、总结
所以说 ， 竖版页面总是做不好是设计水平不够吗?其实并不是!只是我们还按照PC端设计的思维模式去做手机端已不再合适 ， 而是要转变方法 ， 针对不同的使用场景要在思维上有所区分 。 手机端最主要的还是：在短暂的时间内尽可能多的传达有效信息 ， 减少用户的浏览压力 。
UI设计中IOS和安卓的设计差异 UI设计中的Feed流设计指南 UI设计中投影的使用技巧 UI设计中按钮设计指南 UI设计中顶部栏的设计要点


推荐阅读


上一篇：树脂|美国罗门哈斯4200 CL阴离子交换树脂原装进口

下一篇：token|视频直播点播平台EasyDSS二次开发上传点播视频文件，遇到报错怎么办？