诚聘精英 | 联系朝阳 | 电子画册欢迎来到朝阳企讯通
朝阳科技
快速导航
博客营销 邮件营销
论坛营销 建站流程
操作技巧 广告营销
行业营销 品牌营销
营销策划 营销管理
常见问题 建站方案
朝阳网络营销学堂更多
朝阳网络建站区域
朝阳网络建站流程
首页 > 资讯中心 > 东城网站建设

统一元素在东莞网页设计中如何运用?

来源:朝阳科技     浏览次数:1771 次     发布日期:2017/12/31 9:34:43
在平面构成中有形式美法则:统一和变化,对称和平衡,节奏和韵律,对比和调和。
1、图片统一
图片统一体现在图片大小尺寸上的统一,颜色色系上的统一和图片风格的统一。
不管是京东还是天猫淘宝,这些商城在网站上的图片处理就用了这样的统一原则。不一样的场景下对图片的要求也都不一样。比如京东商城的首页,每一个区块起到一定的导航性作用,在这样的场景下,需要的图片都是比较简洁而不是背景复杂的。下面我做了一个错误的示例给大家演示:
左图是官网的图片,右图是一个错误示范。显而易见,左图的展示性和可读性都比较强,视觉效果也比较好。右图之所以觉得不好看是因为图片大小不一致,图片的背景颜色也不一致,所以看起来特别不协调。
这些界面的统一一致性体现在产品区块的大小尺寸上和整体的样式上,除了产品图不一样,其他的布局样式、区块大小都是一样的,这恰恰跟首页相反,首页各个区块大小不一致,所以采用图片一致来协同,内页则是区块样式一致,图片不一致。但不管哪一种协调方法,界面都起到了很好的协调性。
图片风格上的统一主要体现在网页当中的图片选择上,在写实风格的网页中就不适合卡通的图片,在清爽的界面当中,就不适合劲酷的图片。
2、色彩统一
色彩统一指的是网页当中色彩色系运用的统一性,这样的统一性可以体现在网页中的整体色系,也可以体现在网页当中所有区块标题的颜色,甚至统一到整个网页界面当中按钮的颜色搭配。一般情况下如果不知道网页定什么色系好,给的意见和建议就是跟着你们的logo颜色走。
3、字体统一
都知道界面当中的字体显示尤为重要,所以字体一定不能让观者觉得乱,一定要做好统一。
字体可以在变化中找统一,不管是字体、字号或是颜色上的统一,切勿为了突出字体而做过多效果,反而削弱文字的可读性。
在一个网站当中,处理字体统一的时候,最好在界面设置的时候统一设置。可以借助一些建站系统去设置,也可以通过写css样式去确定界面的字号,标题和正文的字体大小最好都统一一致,一定要避免首页正文是14px,进入到子页面的时候字体大小就变成16px,这样容易让观者产生一定的不舒服感。
除此,字体的选择上也要统一。现在字库上有很多字体,所以在选用字体的时候最好选用跟网页整体风格相符的字体。
4、区块统一
区块的统一主要体现在各个区块的高度大小、边框颜色、标题样式或者是区块的整体样式,当然并非所有统一起来就是好的,要具体情况具体分析。还是上面天猫产品界面,那么多区块,样式边框都做了统一,看起来整齐而有序。下图做了错误的示范,区块的边框做了不一样的颜色处理,这样的区块一起出现在界面当中时就会显得凌乱。
5、布局统一
布局的统一主要是说网页当中一些布局设置要统一,不要这个导航进去的侧边栏在左边,下一个导航进去侧边栏在右边,这样的界面会让人摸不着头脑,用户需要重新去适应新的界面布局。
顶部导航和Logo的位置是否一致?行间距、文字与图像的间距是否一致?这些都体现了一个网站在细节上的考虑。有些网页在设计上我们可能很难发现有多好,但是如果一些细节做得不够好,却很容易让人觉得在使用上不舒服。所以在布局上建议统一一致,设计者可以在写样式布局的时候统一设置。相同类型的操作应该有相似的结果反馈,相同的功能界面也应该有类似的布局样式。
6、视觉元素统一
这里的视觉元素包括网页当中各种元素的尺寸、大小和颜色。这些元素可以是按钮、图标、动画等,在网站设计时也要考虑不同页面之间的一致性,尽管功能不同,但是要大体上(可以略有变通)保持不同页面之间视觉风格的一致。
7、交互统一
交互上的统一也很重要,除了视觉外观上可以一样看到的,”交互”和”行为”上也要下一定的功夫。在各个页面当中的交互性也很重要,且最好保持大致的相同,以免太过凌乱。好比市面上的一些排插上的按钮设计,有些排插上的按钮按下去是开启,有些排插按下去是关闭,这样的交互设计不同一,会让使用者摸不着头脑,使用起来也及其不顺手。

生活中都如此,在网页设计当中也是不能忽略交互上的统一,倘若同个界面的同个元素,用户触发这个元素的时候,这个元素给用户两种不同的显示效果,这样只会让用户对这个网站产生距离感。东莞网站建设-了解更多此方面的朋友请登陆:http://www.114my.net!这里有更多的惊喜等着您!


——END——
关注朝阳企讯通,让网络为您创造价值!
朝阳企讯通

  
企讯通官方微信 扫一扫立即关注
 Copyright 2003-2016 114my.net, All Rights Reserved
联系我们|付款说明|法律声明|工商资料|企讯网|114城市信息导航|深圳网站建设|百度竞价操盘|百度信誉|百度信誉认证官网|百度云|云发布系统|阿里巴巴诚信通
朝阳科技是专业网站建设公司,整合网络营销实战策划、提供东莞网站建设、东莞网站推广、东莞网页设计、东莞网络营销培训等服务 网站地图
服务热线:0769-22020318/22020328  传真:0769-22020338  版权所有:广东朝阳企讯通科技有限公司  粤ICP备15113932号  

朝阳企讯通手机APP
关闭
网站咨询
点击这里给我发消息
点击这里给我发消息
点击这里给我发消息
微信咨询
扫一扫添加