您现在的位置是:首页 > 网站技术问题网站技术问题

网页设计的不足之处是什么(网页设计败笔?)

江湖快报网2023-03-20 13:23:06【网站技术问题】人已围观

简介一、网页设计败笔?设计者只根据经验设计,是一件多麽让人沮丧的事情。当我们使用设备浏览网页,如果给我们一个很差的用户体验,总会有那么些时候这些体验会把人逼疯。这让我思考一

一、网页设计败笔?

设计者只根据经验设计,是一件多麽让人沮丧的事情。当我们使用设备浏览网页,如果给我们一个很差的用户体验,总会有那么些时候这些体验会把人逼疯。

这让我思考一些让人会抓狂的错误用户体验。错误的设计对网站有直接的影响,无论是对页面浏览还是销售业绩。

下面我列出了7个灾难性设计,遇到这种情况,作为用户的我们,是不是几近疯狂。

1、注册之后才能浏览

没有什么比得上注册后操作、浏览让人们想破口大骂、鄙视了又鄙视的事情了。我承认,这是一个获得用户电子邮件或者其他信息的方法,但是反过来想:你有失去了多少用户呢?(PS:PEACE OUT=BYEBYE)


2、忘记多设备支持

人们已经不再仅仅是使用电脑了,手机、平板也成了浏览工具,所以,不要幻想用户喜欢用手机等小屏幕设备浏览电脑网页。开发移动应用程序吧,从长远看,你给与了用户更多灵活性。


3、让人头皮发麻的表格填写形式

没有人喜欢填写冗长的表格,特别是在移动设备中。如果可以,就可能减少不需要的表格内容、选项。


4、难以阅读或花哨的文字

你希望人们能够阅读你的网站,并喜欢你的网站。网站字体会给人留下第一印象,所以不要把它搞砸了。记住,选择一个对浏览者友好的字体。


5、一个糟糕透顶的内容搜索栏

当一个页面或网站杂乱无章,用户也不见得会想去通过搜索寻找结果,情况就是这样。

糟糕的搜索功能的结果,会引起用户的不满,最终离开网站。


6、长篇大论轰炸用户的眼球

Web是一个可视化媒体,他更像是彩印的杂志而不是垃圾小说。

在网站中使用图片、照片、视频,和长篇大论说byebye。如果不这样做,我想只会让读者犯困或不在继续访问。


7、低分辨率的产品图片

如果比的网站是一个电子商务网站,那么Web就是你的展

览厅。所以,不要拿一些颗粒状、如同邮票的图片给你的客户观看。你不仅仅要提供高质量的图片,还要提供多元产品给浏览者。

更多文章请关注:

二、怎么分析网站的不足?

这个网站,第一点,很老了,字体排版布局都是很陈旧的设计页面,第二点,由于是模板网站,两边空白处很多,说明不能适应宽屏也就是不能适应屏幕分辨率的大小,第三点,模板网站不利于做优化,不利于搜索引擎的抓录,也就是除了公司员工直接输入网址浏览,在搜索引擎排名靠后,大部分网民不会翻到后面好几页进行翻阅,就算点进去了,大部分也会马上退出。第四点,且网站现在在改版期间,也是会影响正常的排名和曝光量。所以最好是找合适的专门建站公司做,不然后期服务器维护还有售后问题会很多。

三、中国的网页设计为何如此糟糕?如何改进?

你问的很好,这主要是网站分工造成的,在中国网站的设计主要靠所谓的策划和设计师的设计,出了效果图后的一些人的指指点点做的和老板的感觉拍板决定的,在由制作到开发网站。

而国外已经有非常成熟的网站分工,从产品的需求分析,到思维导图,到构思草图,到纸上原型设计,到交互高保真,都是由专业成熟的产品经理,交互设计师,视觉设计师,到前台开发工程师,CSS制作者,程序员等专业人士组成,是一个真正的团队在用流水线方式的分工协作完成的。这就导致了中国大多数网站在前期比国外的网站少了不上流程和环节,这就决定了质量。

中国的老板为了节省和压缩开发成本,往往设计师和制作是一个人,制作和前台开发是一个人,所谓策划就是一些半瓶子的人,他们的策划就是抄袭和借鉴别人成功的网站,由于制作和前台开发是一个人,好多又没有原型的指导,所以就从别的网站上拔别人的代码进行修改,根本上不能从产品本生的需求入手,所以用户体验不会非常到位。

很多设计师只知道视觉冲击力,和一些所谓的细节,或者一味的追求好看,让人耳目一新,来体现自己所谓的设计能力很强,为自己找个好下家打好基础,没有真正考虑产品是不是应该这样设计,这也是中国设计师浮躁的一面。所以中国很多优秀的网页设计师,做淘宝商城,做宣传类的网站很有心思,这些设计视觉冲击力强,但这些作品普遍缺乏让人感到有内涵的故事,让人感到有意思来打动浏览者。

四、网页设计好难啊,有人会吗?

首先,你得分清网页设计和网页制作的区别,因为很多人都把网页设计和网页制作混在一起了。

网页设计是视觉平面设计的范畴,网页制作是技术工种,如果你是说网页设计的话,其实并不难,你只需要p出网页原型图片,让这个网页好看又适合使用就好了,并不需要关心如何把他做成真的网页,你不需要懂代码知识,这才是纯粹的网页设计,如果你被同时要求把网页制作出来,那个叫网页设计及制作。

所以要学好网页设计的话,你需要多补充一些平面设计的基础知识,颜色搭配方面的知识等等,可以多去看看优秀的网页设计作品,多学习总结别人的优点,现在网上有很多网页设计成品展示平台,比如下面这样的,多看看好作品,可以提高自己的设计审美水平。

啥?还是很难?也罢也罢,我说的太笼统了,现在再给小白介绍一个万能的办法,套用现成的设计版式!

这个很简单了吧,别人已经做好的设计,俺瞅着顺眼,想替换成自己的素材,不是要你抄袭哦,而是让你使用那些开放的工具,一遍套用,一遍总结提高自己。

举个例子,俺们用超级单页来说明一下。

https://www.vipcom.cc

找到自己喜欢的模块

看到这个版式没?替换图片,替换标题,就变成了自己的设计模块,设计版式也是一样的,这就只管出图,出文字就好了。

啥,图片不会做???这.....现成的免费图片网站总会找吧,只能帮到这了。

五、哪些网页设计的很烂?

Home - Suzanne Collins

饥饿游戏作者的个人主页,价值就是屌丝一样的存在。

Las Vegas Web Designer and Web Site Marketing by Web King, WebKingLasVegas.com, WebKingUSA.com, formerly WebKing.com Web King Internet Services, LLC, a computer service and web design

这个大哥叫做 Web king 网页之王……点进去你不会失望的……

Yale University School of Art: Home

耶鲁艺术学校的主页,其实嘛…毕竟是艺术学校…看久了还是很有风格的……

先推荐这么多把……

六、网站网页设计学习难度有多大?

就我自己而言,掌握网页设计相关的网页设计软件这个方面并不是特别难,但要用到得心应手的程度也不是那么容易,必须花很多精力才可以。 设计网页,真正最难的部分,是页面内容的编辑,版面布置、色彩配置、各种创造良好的浏览体验的呈现方式,才是最难掌握的。有一定的美术功底和正常的审美将会让你的学习很快有所收获。

七、为什么大部分中国的网站界面设计相较于国外的来说有较大的差距?

答主在评论之前先贴图(多图慎点),后评论,只论述用户体验,不包含专业前端设计的知识。以下图片均截图自各大官网,不再赘述出处。

因所有内容基于答主自身经验,如有偏颇,请指正。

  • 铁路网站

国内:


法国:


板鸭国:

德国:

意呆:

  • 视觉

12306的奇葩验证码系统在此不再吐槽,进入网站后那个魔幻变色的NEW字每次都能亮瞎答主的双眼,整体属于WIN95/97风格。

其他欧洲(答主没有用过拉美的铁路系统,不好说)地区的网上视觉简洁,整体已经进入WIN7时代。

  • 实用性

必须注册才能买票这点虽然很不方便,但是考虑到12306供<<求的票量,永远不愁票卖不出去这点,也可以理解,至少过滤掉一部分票务查询的流量,减少服务器的负载。而购/退票过程12306做得不错,很方便。

欧洲由于企业私营化、人口少等特点,各铁路公司的上座率一般不太高。比如德国高铁不选座位(因为上车肯定有座位)。基于此,欧洲铁路公司都是以卖票为首要目的,所以首页第一眼看到的都是搜索栏。但是板鸭国和意呆的铁路购票十分不好用,主要体现在:1、语言乱码(选完英语偶尔又自动蹦回意大利/西班牙语)2、购买过程不人性化,过程中只要有一处失败就要从查询重新开始,没有后退一步这种选项,查询也没有自动填充历史查询,所以又必须重新选(答主为此折腾过5次以上)。

  • 银行

国内:


法国:


答主因为在法国呆了一段时间,所以对法国各方面比较熟悉。

就银行而言,法国方面:1、网上无法直接登录账户。然后等银行寄信发过来登录账号,再等银行寄信发过来登录密码。等待期为2周左右(国内估计这种制度要被吐槽致死乃至毫无用户)。2、无法直接网上验证信息开通网银。必须打电话,然后等银行寄信发来网银支付激活码。3、无法在网上调整每月信用消费额度(月消费不好过800EUR,周消费不超过300EUR),需在柜台或者发邮件单独告知更改。4、每月流水账单寄信过来,需要手动在网站上更改为电子账单才能有电子备份。5、转账至少2天(1天转出,1天转入)这种事情我会告诉你么,周六周日服务器也休息这种事大概你们也不想知道。等等等等~

当然以上也可能是基于银行的整体安全制度等做考虑,所以网站设计的时候也不会做出相关的接口。但就网页视觉效果来看,答主以为没什么差别。法国的登陆口(下图右上角那个红框框)还没有国内显眼。不过顺时到账这种答主以为理所当然的事情就这样被轻松颠覆了。

  • 购物

国内:

法国1(法国的TB):

法国2(答主最喜欢网购的一个网站,因为视觉效果最好,感觉比较干净清爽):


购物网站TB已经有人贴图了。比较一下淘宝和法国1图,其实视觉上没差,都有些乱。因为都是万能购物网,什么都卖,也可以理解(但是感觉京东的视觉就做得比较统一,色调、排版什么的都还挺好)。作为购物网站,国外:1、一大部分就不能直接在订单处,最多给一个订单号自己去物流公司查(不直观)。2、自主购物。没有店小二和客服推荐尺码等人力工作,有尺码标尺(但是部分不准)。3、10个工作日随意退货。有些网站直接退货就可以打印一张退货物流订单,部分网站由卖家支付物流费用,部分网站是标清楚邮费,退货直接扣掉也有(即买家承担)。4、细节图不够,没有TB描述得这么清楚。5、虽然也有购物反馈评分系统,可是国外执行得不太好,因为国外地广人稀,80%没有反馈评论。

  • 新闻门户网站

国内1:

国内2:


国外1:

国外2:

1、国内网站的信息量很大,没有精简,所有东西一一列出,所以也没有重点。估计是考虑到用户的多样化,零散化,但是反而丧失了读者因为看一眼真的找不出感兴趣的东西。国外网站在保持一定信息量的基础上,基本是以原始报纸版面设置的导航图。首页也基本是当天的新闻内容,从而实现报纸的电子化和多媒体化。不过这也可能是门户网站与纯新闻网站的区别,前者Target明确,后者没有重点。

2、国内广告的泛滥。初始5秒大概都在播FLASH广告,而且是在网页视觉正中(广告商真的好有钱 $_$),虽然喜庆,但是抢了门户网站的风头,你能想象报纸头版打广告,翻版才是头版的感觉么?大概就是这样的。


  • 政府网站

国内:


国外:

政府机构网站因为比较正式,东西比较系统,所以感觉没差。不过仍旧比国外信息量大。不喜欢跟法国政府、公务人员打交道(工作效率比天朝慢一半),所以对网站也没有很深的体验。

  • 编程学习网站

国内:

国外 Open Classroom(答主老师推荐的新手学习网站,里边有很多编程语言零基础的软件使用步骤和学习内容):

这个就能明显感觉到设计感的差距了。答主觉得:前者风格不统一,颜色过杂,还夹杂着动画,但是其实整个风格不太搭。后者的配色、风格相当统一(扁平化设计),适量留白。

  • 航空业标杆

中商飞:


空客:


波音:

再来一个航空业的。视觉上,中商飞跟波音、空客一比总有一种城乡结合部之感,配色不到位就不多说了。但是说到实用的话,中商飞这个还挺好用的,Sitemap做得不错,很容易找到想要的东西。空客整体虽然很酷炫,但是WIN10界面感用得不是很顺手,用户习惯还没有培养起来。波音是来凑数的,没有用过它家网站。

综上:

答主觉得中国与国外在设计上还是有一定的差距,缺少一点自己的风格。留白作为中国国画的基本特征,却完全被摒弃了,取而代之的是广告、广告、广告。如果网站适当考虑用户体验,广告也最好按比例、统一风格嵌入其中,而不是天雷滚滚屌炸天(微信广告推送在这点就做得挺好)。就实用而言,国内网站在细节上的把握超越国外,毕竟是土生土长的本土化产品,很适合国人的使用习惯。

八、网页设计逼格不高是什么原因?怎么提高呢?

从这几个方面去排查。

1 间距

该大的地方要大,留白空隙要给大一点,很多新手设计的网页,往往尺寸间距掌握不好,喜欢密密麻麻挤很多东西,大胆的给元素足够的间隙空间,打个比方,你可以设定好大模块和大模块之间间距是50px,大标题统一都是18px,正文统一都是14px,大元素给大间隙,小元素给小间隙等,只要你整个页面都统一合理的间隙标准,视觉上就会非常整洁。

这个其实很好理解,我们经常说某个人长的帅,长的漂亮,往往是这个人的五官比例,身材比例非常合理,比例就是一种合理的间距,网页设计也一样。

2 配色

不要随意堆积颜色,初学者主色调一般一个就够了,所有其他颜色使用黑白灰来衬托主色调,这个好理解,就好比一个电影只能有一两个主角,然后剩下的基本是配角,配角不能抢主角的戏,主次要分明。

3 配图

页面版式做好了,还要有高端大气的配图,配图要大气统一,配图垮了,也会拖后腿。

最后

多看例子,多总结。

可以看看超级单页的一些例子。

Tags:

很赞哦! ()

文章评论

    共有条评论来说两句吧...

    用户名:

    验证码:

本站推荐