网页设计出现的问题
当前位置:贝知网>知识分享>平面设计>网页设计出现的问题
网页设计出现的问题
时间:2022-12-02 平面设计

网页设计出现的问题

网页设计出现的问题

链接通常会呈现成特定的色彩,带有下划线,如果你的内容文本中有这么一段文字拥有这样的特征,用户通常会认为它是一个链接。下面介绍网页设计出现的问题,希望可以为您带来帮助。

1、确保元素的视觉和功能表里如一

许多元素的外观特征会呈现出它功能性的一面,这也就是我们常说的显而易见、不言自明的设计。链接通常会呈现成特定的色彩,带有下划线,如果你的内容文本中有这么一段文字拥有这样的特征,用户通常会认为它是一个链接。

如果点击的时候发现它无法跳转,会让人有“被欺骗”的感觉。用户需要知道哪些内容是可点击的,而哪些只是强调,设计要表里如一。

2、不要让你的用户长时间等待加载

不论是面对APP还是网页,用户的耐心都非常之有限。有研究表明,7秒的等待几乎是用户的等待极限,而10秒的加载时间,只会让绝大多数的用户关闭页面,再精美的加载动画都安抚不了用户的烦躁。

所以,不要让你的用户等待加载,尤其是这个加载时间很长的时候。相关的应对策略很多,比如你可以采用占位符先显示布局,逐步加载内容,至少让用户知道,这个过程正在推进。

3、不要让促销广告盖住内容

现实生活中广告已经让人难以忍受了,如果你的网页中广告居然挡住了主要内容,这几乎是逼着你的用户生气关闭页面,这样换来的广告营收从某种意义上也是饮鸩止渴。

另外一方面,长时间的互联网浏览经验会培养出用户的另外一种广告应对策略:当他们看到广告的时候会主动忽略它。这对于广告的转化率同样是毁灭性的打击,不是么?

4、避免滚动劫持

滚动劫持通常指的是开发者或者设计师为了实现新的布局、动画或者排版,而修改了滚动的固定点甚至滚动条和体验本身,带来的非常规的滚动体验。滚动劫持是最恼人的状况之一,所以,通常而言,除非极个别的原因,尽量不要过度调整和修改用户滚动浏览的体验设计。

5、不要让视频和音频自动播放并出声

视频和音频自动播放对于用户而言是一种失控的体验,对于用户也是一种刺激。这样的设计应该谨慎使用,除非用户对此已经有所预期。

6、不要为了漂亮而牺牲可用性

网站和APP的界面设计的外观不应该影响它本身的可用性。避免繁琐的设计,为了美观而牺牲内容的可读性和对比性都是不能让人接受的体验。

网页设计需要注意的问题

一、用不同的颜色标注已访问的链接

每个网站中的链接都不少。为了防止和文本区混淆,链接的色彩都会区分于文本设计,如果用户浏览之后,再点击返回,链接色彩不作区分的话,用户很可能会无意中重复访问相同的页面。所以,为了避免这些问题,一定要用不同的颜色标注已访问的链接。

二、让用户更容易扫视页面

优秀的站点,能在短暂的0.2秒就可以决定一个客户浏览网站的印象,面对如此仓促的判断,您的网站是否过关?研究数据表明,用户会在2.6秒钟扫视网站,然后会集中查看特定的区域,访问者平均会使用180毫秒来浏览。当用户想要快速判断出他们想要的内容在哪里的时候,就需要快速扫视、定位。作为设计师,让页面的层次结构足够清晰,才能让用户更清晰地快速获取信息。如何将内容按照重要性、有层次地呈现出来,还是很考验网页设计师的权衡能力的。设计师需要将屏幕标题、登录表单、导航类目和其他的关键内容设置为视觉焦点,便于用户发现。

三、确保所有链接都能直接打开

不论是面对APP还是网页,用户的耐心都非常有限。有研究表明,7秒的等待几乎是用户的等待极限,而10秒的加载时间,只会让绝大多数的用户直接关闭页面,所以不要让用户长时间等待加载。,当加载时间很长的时候。相关的应对策略很多,比如你可以采用占位符先显示布局,逐步加载内容,至少让用户知道,这个过程正在推进。

还有一种情况就是,当链接所指向的页面不存在的时候,用户打开的页面就会变为404,这种情况可能会让用户产生沮丧情绪。所以务必确保每个链接都指向正确的页面。

四、不要让促销广告遮住内容

现实生活中广告已经让人比较反感了,如果你的网页中广告居然挡住了主要内容,这几乎是逼着你的用户生气关闭页面,这样换来的广告营收从某种意义上也是饮鸩止渴。

另外一方面,长时间的互联网浏览经验会培养出用户的另外一种广告应对策略,当他们看到广告的时候会主动忽略它。这对于广告的转化率同样是毁灭性的打击。

五、不要适得其反

不要为了漂亮而牺牲网站的可用性。比较晃眼的文本和广告本身体验不佳,它们会让人分心,在网页设计中,字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。网页设计的外观不应该影响它本身的可用性。不能为了美观而牺牲内容的可读性和对比性。

界面设计应该注意的问题

1.使用单栏布局代替多栏布局

单栏布局能够让用户对全局有更好的掌控,对内容一目了然。而多栏布局可能会分散用户注意力。最好的做法是用一个有逻辑的叙述来引导用户并在末尾放上你的行动按钮。

2.使用礼品诱惑代替生硬的推销

例如可以给用户提供礼物来表达你的友善姿态。更深层的讲,送礼是一种基于互惠原则的有效说服策略。显而易见的好处是让你在往后的活动进展中更加顺利。

3.合并重复的功能避免分散

随着时间的推移,不可避免的你增加了很多模块、元素,而且功能相同。碎片化的界面会增加用户的学习曲线,所以需要合并重复的功能,重构你的界面。

4.用户的评价好过自卖自夸

用户好评是另一个可以提高转化率的说服策略。当潜在客户看到其他人对你的服务给予好评时,项目机会会大增。所以试着提供一些含金量高的证据证明这些好评是真实可信的。

5.重复你的主行动按钮

多次重复主行动按钮的方法适用于界面很长或者分页的情况。

6.区分开可点击和已选择的样式

视觉风格,如颜色、深度和对比度都可以当做可靠的线索以帮助人们了解你的导航界面:我在哪里,我能去哪里。为了让用户清晰,可点击元素(链接,按钮)、已选择元素(选择的菜单)、以及纯文本的样式应该是彼此明显不同,而且在界面上要保持一致性原则。在视觉上,我们一般认为蓝色表示可被点击,黑色表示已被选择或是什么。

7.给出推荐而不是让用户来选择

当列出许多选项时,给出一个重点推荐项是个不错的做法,尽管推荐的设置无法满足所有用户,但这么做是有理论依据的:当面临的选择越多时,用户就越难做出决定(决策瘫痪)。所以你可以高亮某个选项来帮助用户做出选择。

8.使用恢复功能代替弹出对话框

假设你刚点击了一个链接或者按钮,撤销操作可以让操作流畅自然,也更符合人类的本能。而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。其实只有极少数情况下才会发生误操作。所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。所以请考虑在你的产品里实现撤销操作来提升用户的操作友好度吧。

9.明确产品适用人群而不是面向所有人

你是想把产品做成大众化的还是有精确的适用人群呢?答案是:在产品定位上你需要更精确些。把产品定位得精确的风险就是可能缩小了目标潜在用户的范围,但这种更专业的精神却反过来会赢得信任、权威。

10.直接果断而不是犹犹豫豫

你可以通过不确定而颤抖的声音来表达传递自己的意思,也可以通过很自信的方式表达。如果你在界面中的表述多以问号结束,比如”也许”,”可能”,”感兴趣?”或者”想要试试么?”,那么你完全可以把语气变得更坚定一些。不过万事无绝对,适当放松措词让用户有自行思考的余地也是可以的。

传统文化网页设计编排重点是什么

当今网络世界对人们生活的冲击不亚于现实社会,人们通过网络阅读、购物、交友甚至工作等,各种各样的网页则是人们进入网络的平台。随着网络的发展,网站设计师们越来越注重网页设计,网页的风格可谓千差万别,而充分体现中国传统精神的中国风网站,则向全世界展示了它强大的文化魅力。

中国风是中国传统文化的体现,是历史文明积淀和传承的产物,也是具有中国性格的标签。中国风网页多用于中国历史古迹、民族文化等方面的网站,有着典雅而不失时尚、悠久而不乏现代气息特点,其风格的形成依赖于设计元素的选取、编排和布局。这个设计过程不仅需要设计者有严谨的专业水平和画面调度能力,还要具有一定的艺术修养,因此对网页设计来说,这是融汇了艺术与技术的创造性活动。

一、中国元素的穿插

中国传统的吉祥纹样、民俗装饰图案、剪纸艺术、印章、水墨等艺术形式,都是被广泛认同的中国元素,是中国传统文化和艺术情感的深切体现。在网页编排中,创意性地运用中国元素,更易表现地域文化的特色,这也是网页风格定位的重要手段。如在“中国?乌镇”的网站设计中(图1),网站的首页以水墨透叠的方式体现出一个江南古镇的风貌,书法体的网站名称、纵向书写的古文字式衬底、左下角的印章,使得整个页面犹如一幅古典的风景画,饱含东方意味。在点击链接的各个页面里,雕花的廊檐、黛瓦粉墙、石板小巷、小桥流水以及那导航栏上的传统纹样,无一不透着浓郁的历史和文化气息。

二、标准色的运用

色彩是形成网站气氛、特色的重要元素,是网站视觉形象的体现和延伸。将网站的LOGO、主菜单、底色等用整体统一的标准色,其他颜色只作为衬托点缀,形成主色调。这样既利于网站主题的突出,又便于浏览者识别记忆。红色是中国传统吉祥、喜庆的民族色彩,素有“中国红”一说,而泛黄的纸色则具有历史悠久感和文化的书卷味。此外,青色、暗红色等也都多用于中国风的网页中。“渔”女装网站(图2),运用大面积的红色作为网页底色,这种浓郁的东方色彩,树立了“渔”的与众不同的品牌特色,网页中左右侧边的装饰图案,体现了时尚与经典结合的文化内涵。主菜单和链接的自由又另类的编排方式,随意、时尚、现代感极强。传统色彩与现代元素相互交融,强调了传统与现代的碰撞,使品牌更具个性和渗透力。

三、对称的构图方式

对称美在中国传统美学中占有重要地位,中国古代的建筑格局、家居摆设、装饰图形等都广泛的运用此设计理念。中国风网页设计在图文编排上整体也多为左右对称结构,局部较为自由,视觉上庄重平衡,排列有序。打开“故宫博物院”网站(图3),整个页面就像一幅悬挂的卷轴,鼠标的滚动如同使卷轴缓缓打开,世界上最大的历史文化艺术博物馆由此展现。网页的布局左右对称,庄重整齐。金色、浅黄、暗红的色调有着皇家的气派和悠久的历史气息。

四、留白的手法

网页中编排的内容部分是实体,而实体之外的空间就是留白,它既可以是未放置任何图形文字的空间,也可以是实体背后的一种颜色或图形。在中国画中,留白是一种十分重要的绘画技巧,讲求“密不透风,疏可跑马”。留白能更好地衬托主题,使人产生丰富的遐想。网页设计中的留白使页面有透气的空间,其设计风格清新流畅、主次分明。相比较信息量很大的网页,留白会让浏览者的阅读舒适、放松,能达到更好的传播效果。“渔”女装网站的各个页面都大量留白,视觉空间自由、灵动,疏密对比强烈、主题突出,整体风格高雅精致、形式感强。

如今,文化作为设计灵感的来源,越来越显示出其强大的生命力和独特的艺术价值。中国风网页就是将其独有的传统美学精神融入到现代设计的理念中去,引导网站整体风格和文化氛围,使浏览者充分感受到中国传统文化的艺术魅力。