深圳易捷网络科技注册咨询网-jiujiuya.com.cn 返回首页

移动端设计大忌,PC的思路用不得

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2025-5-4
你是不是还在用PC的思路做移动端的设计?不要不承认,我刚开始平面转网页时怎样做页面都像DM单页。不管承不承认我还是相信有一些设计师还是会这样做的。那么什么是PC的思路?移动端的设计又该怎么表现?易捷互联资深设计师与大家探讨一下这个问题。
PC的思路
首先我们大致的过一下PC的思路。这对于大多数网页设计师来说是一个很容易回答的问题,亦或者思路会比较清晰。首先是导航,接下来是banner,紧接着是内容部分,最后是footer。这好像是一个完美的结构逻辑,至少多数的客户都能够接受这样的布局。接着我们再来说一下PC的设计元素都会用到哪些。在PC的元素中我们最常见的应该是箭头吧,各种大小形状的箭头分布在不同的位置,起着同一个作用。还有什么?各种联系、关注(QQ,微信,微博之类)、返回顶部的按钮吧,还有更多和返回之类的按钮。另外下拉菜单好像也是PC的标配。最后我们提一下PC的主流浏览方式,好像只有鼠标点点点,应该没有其他方式了吧。
移动端思路
说了这么多PC端的特点,其实对我们今天的主题只是铺垫。我们先来反思一下在操作移动端项目的时候是否会经常把以上的某些经验带到项目中,而这些思路,元素真的是符合移动端项目吗,符合用户思维吗,或者根本就是鸡肋?究其原因,我认为最大的问题是智能移动设备的搭载功能和交互方式与PC有着天壤之别。就需要设计师在设计的过程中,更多的去考虑这些因素,呈现出来的功能引导要往这些方面靠拢。
以智能手机为例:手机搭载了传感器:包括摄像头、陀螺仪、麦克风等设备;手机的主要交互方式是:手势、滑动、长按、点击、摇晃等。所以如果用PC的思路来做移动的设计时总会给人一种非常“别扭”的感觉。用户的很多习惯被这种思路延伸出来的设计弄得很懵。举个最简单的例子:PC端的banner经常是长方形的矩形,当成比例搬到手机上是否会一种很拥挤的感觉?如果这个可以接受的话那在banner这个部分还可以举出更直接的例子。PC的banner一般都会用箭头的元素进行切换,但是当把箭头搬到移动端上的时候是否会很鸡肋?设想一下,你会在手机上去触碰箭头进行切换吗?大多数情况下手机用户都是用手势滑动的交互方式进行切换。如果说你想要引导用户这里有多张图片,完全可以设计一些精致简单的几何图形排列在图片的下方,用户自然不会去点击指头根本触碰不到的小图形也会意识到这里有多张图片切换。这就是最简单的用PC思路做移动端的真实事例。
沉浸式体验
另外,我觉得应该用沉浸式的体验进行移动端设计。沉浸式体验——好像很高大上,很虚幻,说白了就是用设计流程去减少用户的思考,让用户一路到底的进行浏览,尽量减少打断用户浏览的思路。我认为沉浸式的体验同样也是品牌营销的一种体验。为什么这么说?试想,品牌营销的目的就是加深印象或转化。而使用手机浏览信息的用户大多是利用碎片化的时间进行浏览,有可能上车下车的动作都会打断他们的浏览路径,所以设置各种环节的设计和跳转,是不明智之举。用户在碎片化时间被打破后根本回想不起我刚才浏览了什么,浏览到哪里了,使他根本不能快速进入主题,快速得到想要的内容信息。结果就是弃你的页面而去,而那时不管你的设计有多漂亮,动效有多酷,都吸引不了他。所以在这方面,我们就必须减少像PC端一样放置各种查看更多按钮让用户到处跳转。当然这不是一个绝对的问题,该需要跳转还是需要的。
所以我们该用什么样的思路去做移动端呢?
简-减-检。对,我用3个jian来概述设计移动端的思路。

你的页面尽量的简单,尽量不出现PC端左右内容的排版,大多采用上下的排版(前方高能,记住,纯色块和留白还有图片是这种排版方式的调和剂,能很好的帮助设计师来调整页面的节奏)

为了沉浸式的体验,设计师必须摒弃PC的习惯,将移动端的内容设计表现的更加顺畅,减少各种关卡环节。我总结了一下,移动端的交互,点击是目的,滑动是习惯。所以,至关重要的内容我们就用点击的方式让用户操作,当然点击开的内容一定是最为重要的,比如是成交动作,而其他的内容就用滑动来实现吧。不管是左滑右滑还是上滑下滑(说到这里,插一点。有的设计师说又不让跳转又不让出下拉,移动端的屏幕本来就小,怎么设计。其实我认为有限的屏幕宽度背后我们可以通过滑动来实现无限的展示空间。比如像地图,我是不是很机智,你们脑补一下。)顺便举个例子吧:有一种洗衣机是那种左边洗衣,右边脱水的双桶洗衣机。它解决了之前更老的不能脱水的洗衣机能让衣服快速晾干的过程。当全自动洗衣机出现的时候人们是不是更青睐于全自动呢,设定程序连洗带甩甚至烘干一步操作完成。再举个例子吧,简直停不下来。我们在使用支付宝支付的时候是不是发现根本没有确定按钮,输入金额指纹支付,错误给个返回,成功给个提示。仅仅只是少了一步,感觉好爽。

当然是检测啦。自己做好的设计在手机上多滑动滑动,自己试用一下看看是否顺畅,逻辑是否通顺,这很容易做到的。不断的非否定自己,不断的改正设计。你离一个优秀的设计师已经不远了。
当然还有更多其他的一些应该注意的点这里就不一一赘述,我相信,聪明的设计师根据这篇文章一定可以举一反三。
再啰嗦一句:赢在最后一步,赢在比别人少一步。
专业的网站建设公司,易捷互联,如您有网站营销需求,请您关注我们,或者致电13828884598

相关行业资讯

1、在网站建设中这些细节一定不能忽略
2、如何借助百度知道挖掘关键字
3、模板网站与定制网站对SEO的影响
4、浅析:怎样做网站优化如何满足用户需求
5、企业网站优化站内篇:企业网站推广优化怎么做
6、易捷网站制作的三要素你有多少了解
7、网站SEO优化怎样做不会过时打动用户的心
8、如何打造一个与众不同的推广优化博客
9、百度算法更新后该怎样提高网站的收录率
10、企业网站制作必须把握哪些方面?
11、10个小插画,告诉你好设计师和差设计师的区别
12、中国站长第一人:李兴平
13、内容的收录速度怎么提高
14、百度站长平台改版工具与301跳转的思考
15、家居网站设计公司应如何体现行业特色
16、网站设计技巧和建议
17、企业网站建设内容聚合的技巧
18、十个招揽网站回头客的妙招
19、如何通过网站优化提升网站关键词的自然排名?
20、企业官网建设有哪些原则
21、网站外链建设的原则有哪些
22、从这几个方面入手做好企业网站优化需要
23、一个老站长的降权SEO案例分享
24、网站建设中通常包含哪些服务呢?
25、怎么才能实现自然SEO
26、如何寻找高质量的外连来做推广优化
27、门户网站开发应该遵循的原则
28、何种网络推广方法能够成功塑造口碑呢
29、网站建设后要怎样提升才更有价值
30、网站建设哪家公司好
31、域名的解析绑定分析
32、如何提升网站PV值
33、常见的网站SEO白帽优化方法
34、销型网站建设的标准有哪些
35、长尾关键字的流量秘密 挖掘获取为初衷
36、企业如何给产品做网络推广?
37、Android应用程序的生命周期和网络优化
38、如何巧用内外链提升网站权重
39、优质营销型网站建设对企业的影响力
40、什么是网站运营及如何理解
41、美科技公司要将大脑内容上传到互联网
42、谈一谈企业网站建设的必要性
43、黑灰对比可以为高大上网站风格代言!
44、导致网站快照不更新的原因
45、做网站外链推广中有哪些步骤?
46、建网站的要求不同网站建设价格有何不同
47、做网站优化时应该注意哪些地方
48、关于网站推广的新方法,你了解吗?
49、SEO是什么我是如何理解SEO的
50、浅谈当下网页设计趋势

相关视频推荐

自动化行业网站制作焊锡机/点胶机/螺丝机网站
企业网站制作新模式全部仅需800元/年
如何提高企叫网站打开速度
公司网站到期了该怎小续费
企业为什么必须要做一网站
企业网站的导航栏一般要规划哪些栏目
国际物流FBA物流网站建设深圳易捷网站公司公司
银制品金银器网站建设深圳易捷网站公司
包装印刷行业网站设计
膜结构公司网站设计
工商财务公司网站设计
购买一个域名需要多少钱
企业网站建设云虚拟主机需要多少钱
财务公言的网站怎么做才能显示在搜索引擎的首页
网站建设一站式服务
深圳网站建设公司网站排行榜
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号