网站设计时的风格创新与统一原则

更新时间:2019-10-08 10:16:46 来源:青锋建站 作者:青锋建站

  在中国传统艺术的特色上追求一种统一的美,和谐的美,讲究整齐对称。而西式网站风格较多样化,色彩的复杂与多样化。但是我们在做网站设计时完全可以把这两种风格追求一种整合,进行大敢的创新,也就是追求网站风格个性化的同时要做到整齐统一,形成新的网站风格。以下是网站设计公司-青锋建站给大家总结的网站实现创新风格的原则。 
石家庄网站建设_网站设计

网站图片创新风格设计

  图片统一体现在图片大小尺寸上的统一,颜色色系上的统一和图片风格的统一。图片的个性化体现在图片代码的产品的感觉上的不同,给人以新鲜感。
  不管是京东还是天猫淘宝,这些商城在网站上的图片处理就用了这样的统一原则。不一样的场景下对图片的要求也都不一样。比如京东商城的首页,每一个区块起到一定的导航性作用,在这样的场景下,需要的图片都是比较简洁而不是背景复杂的。 
  好了,现在应该有人会想问,那京东或是天猫淘宝通过搜索后进去的页面里面的产品配图不是五颜六色的吗,那怎么看起来也没有觉得不协调。这些界面的统一一致性体现在产品区块的大小尺寸上和整体的样式上,除了产品图不一样,其他的布局样式、区块大小都是一样的,这恰恰跟首页相反,首页各个区块大小不一致,所以采用图片一致来协同,内页则是区块样式一致,图片不一致。但不管哪一种协调方法,界面都起到了很好的协调性。这也正是做到统一形式的同时,内容要有个性的原则。
  图片风格上的统一主要体现在网页当中的图片选择上,在写实风格的网页中就不适合卡通的图片,在清爽的界面当中,就不适合劲酷的图片。

网站配色的创新

  网站配色的创新即要有保持颜色的整齐,有章可循,也要体现色彩的个性多样。色彩统一要求网页当中色彩色系运用的统一性,这样的统一性可以体现在网页中的整体色系,也可以体现在网站设计当中所有区块标题的颜色,甚至统一到整个网页界面当中按钮的颜色搭配。一般情况下如果不知道网页定什么色系好,小编给的意见和建议就是跟着你们的logo颜色走。

字体风格统一

  都知道界面当中的字体显示尤为重要,所以字体一定不能让观者觉得乱,一定要做好统一。字体可以在变化中找统一,不管是字体、字号或是颜色上的统一,切勿为了突出字体而做过多效果,反而削弱文字的可读性。
  在一个网站设计当中,处理字体统一的时候,最好在界面设置的时候统一设置。可以借助一些建站系统去设置,也可以通过写css样式去确定界面的字号,标题和正文的字体大小最好都统一一致,一定要避免首页正文是14px,进入到子页面的时候字体大小就变成16px,这样容易让观者产生一定的不舒服感。除此,字体的选择上也要统一。现在字库上有很多字体,所以在选用字体的时候最好选用跟网页整体风格相符的字体。

区块风格的创新

  区块的创新主要体现在各个区块的高度大小、边框颜色、标题样式或者是区块的整体样式,当然并非所有统一起来就是好的,要具体情况具体分析。还是上面天猫产品界面,那么多区块,样式边框都做了统一,看起来整齐而有序。下图做了错误的示范,区块的边框做了不一样的颜色处理,这样的区块一起出现在界面当中时就会显得凌乱。
  区块的除了做到网站总体风格统一以外,也要追求区块的个性化,主要体现在对于集中打造的产品进行突出显示,表现在颜色边框的个性突显,背景有颜色上。

网站布局创新风格设计

  网站布局的创新主要体现在不同内容分类的栏目或频道要有自己特色,尤其是专业页要使页面具备行业特色和相应用户的需求特色。但是在网站设计一些布局设置要统一,一般体现在导航进去的侧边栏在左边,下一个导航进去侧边栏在右边,这样的界面会让人摸不着头脑,用户需要重新去适应新的界面布局。
  顶部导航和Logo的位置是否一致?行间距、文字与图像的间距是否一致?这些都体现了一个网站设计在细节上的考虑。有些网页在设计上我们可能很难发现有多好,但是如果一些细节做得不够好,却很容易让人觉得在使用上不舒服。所以在布局上建议统一一致,设计者可以在写样式布局的时候统一设置。相同类型的操作应该有相似的结果反馈,相同的功能界面也应该有类似的布局样式。

网站交互功能创新设计

  在网站交互的设计上做到风格创新也很重要,除了视觉外观上可以一样看到的,”交互”和”行为”上也要下一定的功夫。在各个页面当中的交互性中相同功能和要统一,不同的功能要做到个性化,以免太过凌乱。好比市面上的一些排插上的按钮设计,有些排插上的按钮按下去是开启,有些排插按下去是关闭,这样的交互设计不同一,会让使用者摸不着头脑,使用起来也及其不顺手。生活中都如此,在网站设计当中也是不能忽略交互上的统一,倘若同个界面的同个元素,用户触发这个元素的时候,这个元素给用户两种不同的显示效果,这样只会让用户对这个网站产生距离感。下面的反例
  给大家举个简单的例子,这是常见的网页标签区块,正常鼠标移过会显示主色——橘色,右图我做了一个错误的示例,倘若这个鼠标按钮移过显示橘色且按钮放大,另外一个按钮鼠标移过显示蓝色或绿色、且这个按钮被缩小,这样的交互体验会有点糟糕,视觉上和交互上的不统一会让浏览者使用起来比较难受,也比较突兀难以接受,所以我们都统一视觉元素的同时,交互也要做统一处理。
  在视觉、交互方式和操作结果上保持一致。减少用户使用成本,也能让用户感到亲切感,体会到产品设计上的严谨性。但需要注意不同的功能交互要做到个性化,让熟悉的访客一看就可以区分不同交互的视觉表现形式。例如:用户操作执行成功后显示绿色提示,如果出现错误则表现红色提示,长此以往,客户就很容易区分不同交互的含义。  
  以上就是青锋建站的小编为大家带来的关于网站设计中风格创新原则的相关介绍,如果大家对网站设计有相关问题,可以咨询我们,为大家带来专业的讲解。青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

 

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/dsg_innovate.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有