学果网合作机构 > 学校机构 > 福州天琥教育欢迎您!

咨询热线 13761176062

福州网页制作培训:网页设计一致性原则

发布时间:2019-01-17 15:39:00

网页设计一致性原则
1
网页设计一致性原则
人的视觉对色彩要比布局比较敏感,更容易形成永存记忆,也就是第一印象非常重要,一定保持网站主体色彩的一致性。下面介绍网页设计一致性原则,希望对您有帮助。
网页设计一致性原则
色彩一致性
人的视觉对色彩要比布局比较敏感,更容易形成永存记忆。也就是第一印象非常重要,一定保持网站主体色彩的一致性,如果企业本身有以蓝色调设计理念形象,最好延续这个形象,有利于企业形象的树立和品牌价值建立。
结构一致性
网站结构是网站风格统一的重要手段,包括网站布局、文字排版、导航、图片处理,整体设计风格等等。网站的统一性是网站营销的重要保障。
背景一致性
网页背景包括背景颜色和背景图片,使用背景图片会影响下载速度,影响显示效果,可能会出现文字与图片重叠,给浏览带来不便。
特别元素一致性
在网站的设计过程中,一些具有特点的元素如果重复出现,也会给访客留下很深的印象。
注意事项:
建立对比强烈的视觉层次感,让重要的内容放大,加粗。
把所有的内容都按网格优雅的对齐,或者也可以引入其它任何一种视觉排列系统。
在整个应用中运用一致的配色方案。
让所有页面的导航元素保持一致性。
在不同的情况下复用相同的设计元素。比如同一个通知元件,在不同的情况中使用颜色来区分它们。
一致性的设计和结构内容会让用户有一种宾至如归的感觉。
2
平面设计 原则
1、思想性与单一性
版面设计本身并不是目的,设计是为了更好地传播客户信息的手段。设计师以往中意自陶醉于个人风格以及与主题不相符的字体和图形中,这往往是造成设计平庸失败的主要原因。一个成功的版面构成,首先必须明确客户的目的,并深入去了解、观察、研究与设计有关的方方面面。简要的咨询则是设计良好的开端。版面离不开内容,更要体现内容的主题思想,用以增强读者的注目力与理解力。只有做到主题鲜明突出,一目了然,才能达到版面构成的最终目标。主题鲜明突出,是设计思想的最佳体现。 平面艺术只能在有限的篇幅内与读者接触,这就要求版面表现必须单纯、简洁。对过去的那种填鸭式的、含意复杂的版面形式,人位早已不屑一顾了平面设计的四大原则平面设计的四大原则。实际上强调单纯、简洁,并不是单调、简单,而是信息的浓缩处理,内容的精炼表达,这是建立于新颖独特的艺术构思上。因此,版面的单纯化,既包括诉求内容的规划与提炼,又涉及到版面形式的构成技巧。
2、艺术性与装饰性
为了使版面构成更好地为版面内容服务,寻求合乎情理的版面视觉语言则显得非常重要,也是达到最佳诉求的体现。构思立意是设计的第一步,也是设计作品中所进行的思维活动。主题明确后,版面色图布局和表现形式等则成为版面设计艺术的核心,也是一个艰辛的创作过程。怎样才能达到意新、形美、变化而又统一,并具有审美情趣,这就要取决于设计者文化的涵养。所以说,版面构成是对设计者的思想境界、艺术修养、技术知识的全面检验。版面的装饰因素是文字、图形、色彩等通过点、线、面的组合与排列构成的,并采用夸张、比喻、象征的手法来体现视觉效果,既美化了版面,又提高了传达信息的功能。装饰是运用审美特征构造出来的。不同类型的版面信息,具有不同方式的装饰形式,它不仅起着排除其他,突出版面信息的作用,而且又能使读者从中获得美的享受。
3、趣味性与独创性
版面构成中的趣味性,主要是指形式美的情境。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容,就要靠制造趣味取胜,这也是在构思中调动了艺术手段所起的作用。版面充满趣味性,使传媒信息如虎添翼,起到了画龙点睛的传神功力,从而更吸引人、打动人。趣味性可采用寓言、幽默和抒情等表现手法来获得。独性性原则实质上是突出个性化特征的原则。鲜明的个性,是版面构成的创意灵魂。试想,一个版面多是单一化与概念化的大同小异,人云亦云,可想而知,它的记忆度有多少?更谈不上出奇制胜平面设计的四大原则平面设计。因此,要敢于思考,敢于别出心裁,敢于独树一帜,在版面构成中多一点个性而少一些共性,多一点独创性而少一点一般性,才能赢得消费者的青睐。
4、整体性与协调性
版面构成是传播信息的桥梁,所追求的完美形式必须符合主题的思想内容,这是版面构成的根基。只讲表现形式而忽略内容,或只求内容而缺乏艺术表现,版面都是不成功的。只有把形式与内容合理地统一,强化整体布局,才能取得版面构成中独特的社会和艺术价值,才能解决设计应说什么,对谁说和怎么说的问题。 强调版面的协调性原则,也就是强化版面各种编排要素在版面中的结构以及色彩上的关联性。通过版面的文、图间的整体组俣与协调性的编排,使版面具有秩序美、条理美,从而获得更良好的视觉效果。
3
不同网页的优化方法
首先是静态网页的优化方法。都认为静态页面最符合搜索引挚优化,是不是真是如此排列了,不这么认为,对于静态页面的好处就是可以让网页不存在漏洞,不像动态那样容易产生漏洞。但是静态页面占用的空间又是最大的,自然就要花费比较大的资金升级空间了。如果网站内容过多了,上百M的话,生成静态不是需要好几G的空间吗?这个对于个人站长来说有点麻烦,毕竟资金不是那么充足。而静态页面的优化则是非常简单,因为静态页面的权重传递性比动态的要慢,所以,只需经常性巩固一下外链和内链就可以,当然如果内容有质量的话,那么直接用内容就可以提高页面的权重了。所以,对于静态页面,一般来说,最好是放置内容页,因为静态页面一旦产生,那么就是死死的呆在那里,而对于蜘蛛爬行,只需爬行一次足够的页面就是内容页了,如果爬行的过多,自然就会造成重复收录,那么就会显示网站收录量或低或高,自然就是站长们所说的,明明收录了100却放出50而已,因为一些重复的都在数据库整理时被删掉了。所以,静态的页面适合放置内容页,而不是整站长都静态。
网页设计一致性原则
其次是伪静态的优化方法。伪静态是存在静态与动态之间的一个分类,也可以说是两者的结合体,因为静态的占用空间比较大,所以,为了节省空间资源,就通过伪静态来实现网站静态化,当然这个静态并不是事实上的静态,而是通过代码调用数据库的内容伪装成HMTL后缀名,其实伪静态都会带有一定的特殊符号。如英文状态下的问号。所以,一般的伪静态都是给搜索引挚看的,让搜索引挚把网站认为是静态,其实这种类型的页面并不被搜索引挚喜欢,只不过这种页面形式比之动态页面的漏洞较为少,而且还比静态的占用的空间少,这就会这么受站长的欢迎的,对于伪静态的优化,笔者认为最好是放置栏目或者分类页中去。因为栏目页的访问量比内容页的要大,而且栏目页使用伪静态可以跟内容页形成一个相应的照看。所以,伪静态对于栏目页有一定的提升,毕竟栏目页不会像内容页那样,蜘蛛爬行的时候都只是路过而已,最主要的还是抓取内容页,所以,对于栏目页兴趣不怎么样。
最后是动态页面的优化方法。哪些页面更新最勤快呢?肯定是首页和最新相关类的页面了。而对于首页来说,如果生成静态的话,那么就会产生两个网址,一个是原始网址,一个是生成后的网址。而且原始网址是不可能去掉的,如果把首页生成静态,那么就把整站的权重多分一个页面了,权重低的时候自然不会察觉有什么问题,但是到了一定的权重的时候,这样的区别就很容易显现出来了。所以,首页一般使用动态的比较好,因为用户和蜘蛛都经常性的访问首页,如果首页整天都自动生成静态的话,那么就会让蜘蛛重复的抓取多次,这样就会形成网站有多个快照的情况出现了。而一些相关的首页推荐和自动推荐也应该使用动态的,因为这样可以让用户实时的知道情况,而不会产生缓冲现象。至于优化方法,笔者觉得动态页面的优化更为简单,因为动态页面会自动产生,自然自己无法确定其确定网址,所以,常用的优化方法都适合动态页面的优化。虽然动态页面存在的漏洞风险比较高,但是结合其空间的安全性,这点还可以解决掉的。
关于动态页面、静态页面和伪静态页面这三种网页设计的优劣,在阅读了上文之后,已经有了清晰的判断。每个站长在维护网站的时候,并不需要,纠结于到底哪种网页设计好,只需要按照他们的特点,制定有针对性的优化方法就可以了。
4
深色网页设计的要点
深色的设计令人感到“沉重”,拥挤的布局会加重这种感受。深底色网页设计要点有哪些呢?看看一些流行的深底色设计,可以注意到他们运用了大量的空白。在这里或许我们应该称之为“空黑”。有效地利用空白,在任何设计中都是重要的,对于深底色风格而言更必不可少。
首先,用户会第一眼看见的元素——logo,旁边有大量的空白。 然后用户会注意到主内容区和右侧的酒瓶。 如你所见,空白完美地反衬出了内容区的主标题和酒瓶上的文字。
如何选用字体
字体在设计中扮演着重要的角色,在深底色整站网页设计中我们应该更谨慎地考虑字体的选用。
无衬线字体可读性更强, 但许多设计师仍然选用衬线字体来表现设计中优雅的部分。其中的诀窍是仅在大字号文本上选用衬线字体,大字号的衬线字体会带来更多额外的空白,从而令每个字母都显得非常清晰。
文字间距
由于可读性是深底色设计的头号问题,所以设计师应该更多地关注文本的设计。在整体设计中,改善可读性的一个途径是增加文本的段落间距,字距及行高。
另一种方式来改善网站的可读性的方式是增加字号。 如同本文中提到的大部分规则,更大的字体意味这更多的空白。 字母越大,字母的中间和四周就会出现更多空白。如下图中的”a“字,字号越大,除了四周的空白越大,字母“a ”字臂和字谷中的空白也更大。
要注意,浅色背景上的小号文本比暗色背景上的更容易阅读。 所以在设计新网站时,要使用一些虚拟文本来做测试,以确保文本的易读性, 如果不行,尝试增加字号看是否有帮助。
文本的对比度
很多人都同意,深底色网页设计容易造成眼睛疲劳,过高或过低的对比度通常是罪魁祸首。 那如何找到完美的平衡点呢? 假设你在一个漆黑的房间里,突然有明亮的光线进入,你肯定会感到非常不适。 但如果是在一个不太黑的屋子里,射入不那么亮的光线,则会好受得多。 这同样适用于web设计。
寻找完美的对比度,意味着要找到背景暗度和文本亮度之间的平衡点。你可以注意到背景和文本的亮度都在梯次降低。
在深底色背景上,为文字寻找合适的亮度要困难得多。要找到完美的平衡点,必须要试验不同的配色。通常不使用纯黑或纯白能带来更好的效果。  使用精简的配色方案
为了让深底色设计具有简洁明快的外观,设计者应该选用精简的配色方案。坚持只使用一种或两种颜色。如果要尝试更多的颜色,试试与背景色同色系的搭配。当然,许多深底色的整站页面设计中拥有激动人心的配色方案。 你可以在使用正确技巧的情况下打破规则约束。不过,一般状况下,过多的颜色容易让页面看起来脏乱, 由于背景色已经让页面颜色很深,所以请谨慎使用颜色。
提供切换模式
虽然我们已经掌握了很多技巧令深底色设计更具吸引力,但是我们还可以再做一点努力已满足更多的用户。务必增加一个样式表,以便用户可以选择切换到效果为“浅色背景+深色文字”的另一版本。
同时创建2个样式表可以保证这一点,一个用于默认的深底色风格,一个用于替换为浅底色。
最适合使用深底色风格的设计类型
如前所述,很大一部分用户认为,深底色的页面设计可以适用于某些网站类型,但那份调查中并没有说清楚究竟是哪些类型。一般而言,深底色风格适合用于创意型或优雅型的设计。对于手绘风格的网站,深色背景可用于更好地体现个性与创意。
别致的深底色设计
深色但带给人的感觉是纵深,权威的,有力的。在使用得当的时候会看起来非常别致优雅。这里有一些使用深底色风格设计的案例和技法。这种技法可应用与多种类型的网站。复古和景点的纹理可以创造兼具优雅和个性化的风格。大部分人会把古典的纹理和高档关联起来,所以使用这种方法可以很容易地创建让网站看起来有档次。
深底色网页设计可以赋予设计优雅的气质和创造力,令产品的展示更加完美。但是并不适合所有类型的网站。对于一些大型网站,尤其是用户中可能有视力缺陷或行动不便者,千万不要使用深底色设计,哪怕你提供了界面切换模式。