手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

PC网站转手机网站应如何设计手机界面

时间:2024-10-15 16:20:00

1、设计师在设计页面时,尽量使用电脑端上已有的元素(图片、文字、视频等,即制作该单页上的所有元素),使这些元素合理且美观的体现在移动端。原电脑端上已有的元素实在不适合手机端展示的可重新设计元素样式。

PC网站转手机网站应如何设计手机界面
PC网站转手机网站应如何设计手机界面

2、设计师在对元素进行排布时,应该尽量遵守元素在电脑端上的排列顺序。(在电脑端,从左向右从上往下的排布顺序,在移动端显示时按从上往下的排布顺序)

PC网站转手机网站应如何设计手机界面

3、对于电脑端Flash相关类型文件应该在移动端主动过滤并反馈给发包者及平台

PC网站转手机网站应如何设计手机界面

4、文字左右对齐,方便开发人员后续工作,标题过长可以使用省略号代替

PC网站转手机网站应如何设计手机界面

5、使用原网站元素时注意功能的可实现,如图为PC网站所示元素,直接用于手机展示会导致文字过小,应重新调整,如下图为手机展示界面,使用了电脑端的元素却无法实现功能

PC网站转手机网站应如何设计手机界面

6、导航栏分类较多时可以分为两行或者三行展示,如步骤1中的电脑版和手机版导航栏的区别

PC网站转手机网站应如何设计手机界面
© 手抄报圈