最新消息:文章中包含代码时,请遵守代码高亮规范!

设计从PC端到手机端【原创】

UI设计 Josie 128浏览 0评论

由于移动网络使用起来更加快捷方便,所以近几年大家对手机端越来越重视,相关产业迅速崛起,设计也从PC端走向手机端,许多客户会要求PC端和手机端同步设计。由于屏幕大小的不同,PC端和手机端的设计也存在着不同。

  1. PC端和手机端最大的区别,应该就是文字字号了,通常电脑上字体大小为12pt(内容)和14pt(标题);而在手机上常用字体是28pt,标题通常要36pt,最小也要22pt。
  2. 图片的大小也有所不同,但是在调整图片大小的时候,要注意等比例放缩,方便后期上传图片。
  3. PC端的导航栏一般都是单行排列即可,二级菜单一般采用下拉形式,但是在手机端就没那么容易实现,由于屏幕宽度有限,手机上的导航栏通常是隐藏的,或者通过左右滑动来间接实现显示全部导航功能,二级菜单很难展示出来。
  4. 整体布局的改变,从PC到手机,并不是简单粗暴的等比放缩就好,它需要对所有网页内容进行重新排版。网页中的元素只是原型,在保持整体风格不变的情况下,对其中的个别元素进行再设计,使整体风格一致,又各具特色,做到和而不同。

从PC端到手机端还存在布局上的不同,这个主要是由于使用设备的不同。其中的设计规范,大家只要遵循对应的设计原则即可,这里就不一一赘述了。

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22626.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Josie的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!