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

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

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

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

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

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

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

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

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

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

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

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

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

PC网站转手机网站应如何设计手机界面
  • ps自定义形状工具怎么添加
  • 如何给图片添加绘画涂抹和点状化效果
  • ps匹配颜色怎么用?ps匹配颜色在哪里?
  • 如何开启PPT的实时预览功能?
  • 怎么用PS批处理图片(旋转图片)
  • 热门搜索
    去尼泊尔旅游多少钱 成都的旅游景点 芜湖旅游网 珠海有什么旅游景点 春季旅游好去处 湖北省旅游景点大全 长白山冬季旅游攻略 一月份去哪里旅游好 宜春旅游景点大全 雪野湖旅游区