网页设计容易出现的问题

网页设计容易出现的问题

用肉眼难以区分的两种颜色是没有必要都存在的,同一层级的字体颜色只需要一种,相近的颜色统一色值,减少字体颜色。下面介绍网页设计容易出现的问题,希望可以为您带来帮助。

网页设计容易出现的问题

1、避免出现相近的字体颜色

用肉眼难以区分的两种颜色是没有必要都存在的,同一层级的字体颜色只需要一种,相近的颜色统一色值,减少字体颜色。

2、避免同一页面出现太多相近的字号

页面字号需要能明显的拉开信息层级,同时避免出现太多层级;

上例表单中原来字号比较多,差不多每隔两像素的字号都用了,且导航还用了13px的字体,经过统一规范删减掉奇数的字体(无论是字体大小还是间距使用奇数会出现各种错位对不齐的问题),去掉太过相近字号的字体,因为16号字体以上就属于标题类的字号了,字号太过相近信息从属关系不明确,页面信息层级不明显;简化字号,形成更容易执行的文字大小规范,同时也减少了代码的沉余。

3、避免同一页面内出现太多的行间距

在能直观的表达出信息层级的同时,尽量减少行间距,复杂的间距不但容易让不同的设计师及开发者忽略,信息的从属关系过于复杂会对用户认知造成较大困扰。

4、页面外间距大于内间距

外间距小于内间距时,信息具有外扩力,整个页面显得会比较拥挤,信息多时有阅读压力;外间距大于内间距时,周围有留白,使页面信息更聚焦,更能让用户关注内容本身。

5、浏览和操作都需要遵循大众的浏览习惯

无论是单纯的信息浏览还是需要信息操作,都应该遵循大众的浏览习惯,从左到右、由上至下;一旦逆背这个浏览习惯,往往会让用户感觉整个页面流程很不流畅,也会因此降低用户效率。

界面设计应该注意的问题

1. 界面要对比鲜明让人容易区分

把主要功能区从界面中突出显示出来效果会好很多。使你的主要口号醒目有很多种方法。通过明暗色调的对比来突显。通过为元素添加阴影、渐变等效果让界面富有层次感来张显主题。最后,你甚至可以在色相环上专门选择互补色(比如黄色与紫色)来设计你的界面,以达到突出重心的目的。综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。

2. 个性鲜明胜过普通

介绍你自己或产品时附带上名称、图片或原产地可以让与用户的交流沟通更加的个人化,当你在界面设计中实现这点时,让人觉得非常友好。同时指明区域也会隐形提高产品的声誉,好上加好。

3. 精简表单填写内容

人本性懒惰,没人愿意填写一大堆表单字段。表单中每个字段都会有失去用户的风险。多想想是不是每个字段都是必须的。如果你确实需要一大堆信息让用户填写,试着将它们分散在不同页面,在表单提交后还可以继续补充。

4. 暴露选项而不是隐藏

你使用的任何一个下拉框都会对用户造成信息的隐藏,需要额外的操作才能显示。如果这些信息是贯穿整个操作所必需的,那你最好把它展示出来做得更显而易见一点。下拉框最好用在选择日期,省份等约定俗成的地方。对于程序中重要的选项最好还是不要做成下拉形式。

5. 把界面做得环环相扣要好过直白的排版

一个平淡无奇行文无疑会让用户失去兴趣而放弃继续阅读。单列滚动的长页面是不错的,但是我们应该适当地设置一些小节,并且环环相扣,来提高用户的兴趣使其继续阅读。但需要注意的是节与节之间的留白不要太大。

网站设计中要注意的细节问题

合并css和javascript来保证不用每次载入。

一个网站通常都采用的相同的UI,那么你每张网页的CSS可能非常相似,当然也会有一些不同的地方。这个时候你应该合并它们,即使有一些内容在当前页面上用不到。一个网页更应该避免载入多个css。现在的浏览器都可以自动缓存文件,有些服务器也支持发送HTTP 304 Not Modified状态,告诉浏览器使用它缓存中的信息。如果整个网站使用相同的css和javascript文件,那么它们都只需要在主页载入的时候载入一次。在网站中的其他页面间切换的时候,浏览器会在缓存中取出css和javascript而不是重新请求服务器。这样可以节省服务器带宽,也可以让网站载入速度更快。

网页设计容易出现的问题

务必不要忘了支持键盘操作和触摸操作。

键盘永远是交互的最重要的接口之一,在你的网站中请不要忘了键盘的使用。最常见的是支持回车提交表单,比如登录的时候,大多数人更习惯输入完账号密码后按回车来登录,可惜的是,网页并不会自动帮你做这件事,你需要自己去处理回车事件。移动互联网发展迅速,你的网页可能大多数人都是在手机上看的。如果你的网页是响应式设计,你很可能需要处理一些触摸事件来让这个页面在手机上更好用。

明确的后退链接。

如果你的网页内容比较多,那么用户可能会深陷到一个很深的目录结构里,比如子栏目的子栏目,当他们想回来的时候并不容易。提供一个后退到高级目录的链接(注意不是浏览器的后退链接,因为用户可能从子栏目的一个文章跳到另一个文章。)就可以有效的提高用户体验。如果允许,提供一个面包屑导航栏明显更好。如果你的网站有导航条,那么确保有一个“首页”链接。方便用户在网站各个栏目间跳转可以让用户更舒服。

永远不要相信来自浏览器的任何消息。你的用户可能在表单里乱打。或者胡乱修改你地址栏上的参数。就算是你用javascript检查过了,或者post提交表单,这个世界上仍然有Web-Sniffer等类似的工具可以让用户

把信息提交到服务器。所以服务器一定要对用户输入和网址参数再过滤一次。

但是这并不代表你可以不在网页上用javascript验证表单,对表单采用javascript验证可以让用户不必提交就知道自己发生了什么错误,这也是一种良好的用户体验。

网页设计中的颜色如何搭配

网站建设第一步要做到的就是要有精美的网页设计效果,而我们往往对于美都是有追求的,我们也抵挡不住美给我们带来的好心情,要知道,美丽的事物总是能让我们的心情都更加愉悦,网页设计的美也能给企业带来意想不到的 效果。由于每个人的审美观是各有差别的,所以网页设计不可能做到人人都满意,但是一个好的设计,在不喜欢这种风格和颜色搭配上的眼里,也不会差到哪里去的。

对于做网页设计的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但是,浏览一下大型的网站,你会发现他们更多运用的是白色、蓝色、黄色等,使得网页显得典雅,大方和温馨,因为这些主色调基本上都是每个人都可以接受,而且感觉舒服的色调,浅绿色底配黑色文字,或白色底配蓝色文字都很醒目,但前者突出背景,后者突出文字。红色底配白色文字,比较深的底色配黄色文字显得非常有效果,所以只要设计的精致点,做出来的网站都有一个理想的设计。

一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅。而为了追求醒目的视觉效果,可以为标题使用较深的颜 色。下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可以做标题的底色,再搭配不同的字体,一定 会有不错的效果,希望对大家在制作网页时有用。

网站制作 中我们只有充分了解了色彩的固有属性,种类特征才能令其成功运用于网站开发设计实践环节,从而创作出色彩丰富、生动优美的网络页面。其中前者较为简单,主要包括黑、白色彩及深浅不一的灰色,而后者则包含种类繁多,从宏观角度讲可将彩色分为色相、明度及饱和度三类属性。饱和度则主要指颜色的纯度,其数值越大颜色便越显眼,反之数值越小颜色便越灰暗,而在饱和度为零的情况下,颜色便失去了色彩属性,成为非彩色的灰色系。明度代表色彩亮度,主要用于体现颜色的深浅属性,在日常生活中我们所说的颜色深或潜便是指该色彩的明度高低。明度越高色彩越接近白色,而明度越低色彩则越接近黑色,因此明度属于非色彩及色彩的共有属性。

颜色是一个很奇妙的东西,任何事物通过颜色的加入都能给我们意想不到的效果,在网页设计中,色调是很重要的,这对网站有着很重要的影响。各种各样的 网站设计给企业带来了很多新鲜感,提升了网站的视觉美感,同时提高了其审美价值。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章