分享打造有趣的网站页面
更新时间:2016-06-28 14:23:35 信息编号:4662124 发布者IP:113.118.247.154 浏览:70次![](http://img4.11467.com/u/10854726/204819792.jpg)
- 供应商
- 深圳市功成创意企业形象策划有限公司 商铺
- 认证
- 资质核验:已通过营业执照认证入驻顺企:第10年主体名称:深圳市功成创意企业形象策划有限公司组织机构代码:440301103317781
- 报价
- 人民币¥25800.00元每个
- 专业网站制作
- 5000
- 专业网站设计
- 6000
- 专业网站建设
- 8000
- 关键词
- 专业网站建设 专业网站制作 专业网站设计
- 所在地
- 深圳市龙华新区民田路1980创意产业园G栋2楼
- 联系电话
- 0755-83589234
- 手机号
- 13602656525
- 联系人
- 阮经理 请说明来自顺企网,优惠更多
- 让卖家联系我
产品详细介绍
专业网站制作功成网络今天和大家一起来仔细看看网页设计师们是如何通过对比、留白和布局来打造令人难忘的不对称设计。不对称的设计并不全是外部轮廓上的差异,它同样可以是内部结构上的不对称。举个例子,图库页面中,每张图都有缩略图,其中某个比其他的缩略图略大一点,这种差异会立刻吸引用户的注意力。总的来说,不对称设计非常适合于将用户的注意力吸引到特定的区域或者元素上,这是它的优势所在。
那么对比、间距和布局是如何创造出不对称的效果。
专业网站建设可观察到的对比度
当你将视野中的视觉干扰都移除了之后,你的用户会很快注意到那些细微的差异。这个时候,你可能会适当地增加一些效果,比如渐变的背景,甚至jQuery 动画。这样的效果能让页面中仅剩的一两个元素飞快地让人注意到。
Mac平台设计软件Sketch的官方网站的设计就是个很好的例子,深色和浅色被容纳到一个统一的页面设计中来。在页头中,你会注意到两个按钮:深色的“免费试用”和浅色的“立刻购买”。有意思的是,两个按钮都是同样的大小,并且处于同一个水平面上,并且是同一色系。但是,“免费购买”的按钮被设计成为幽灵按钮,整体和深色背景几乎融为一体。
这样一来,使用浅蓝色实底的“立刻购买”按钮和背景构成了鲜明的对比,相当的显眼。当你打开页面的时候,会一眼注意到购买按钮,这就是通过大量的留白和合理的对比营造出来的视觉引导。
横向和纵向的留白让按钮和文本区分开来,而按钮色彩的差异对比是让其中一个按钮自然而然地凸显了出来。这种设计手法非常的使用,如果你再接着浏览,你会发现页脚也采用了相似的设计
在这种情况下,用户只能提交他们的电子邮件,或者选择放弃。
不对称设计让扫视页面的用户更容易注意到这些被精心设计得“突出”的元素。至于布局和留白的控制,你可以使用A/B测试来寻求的比例。
从Sketch 的官方网站上,可以学习到这些经验:
·对比并不只是色彩的对比,它同时也可以是网页上其他控件之间的大小对比、位置对比
·在不同的布局和情况下,留白可以特别显眼,也可以非常不显眼
·周围的元素的衬托对于其他的元素的可见性有着重要的作用
·对称与协调能制造和谐的观感,而不对称设计则能吸引用户注意力,两者的使用应当平衡。
留白引导注意力
iPad 平台上的绘图工具 Procreate 的官方网站就是一个不太一样的案例。简单扫视一下这个页面,页面整体采用的暗色调配色,整体布局并不复杂,使用的页面元素尺寸相当大。
设计师在这个超大的页面上使用单个元素来展示如何绘画。屏幕截图、绘画Demo和功能介绍都各自占据着不同的区块,留白则将文字内容和视觉信息分割开来。在文本色彩的使用上,设计师也相当的用心:页头的部分使用了强对比的配色,而正文部分则使用了对比相对较弱的配色。
通过将页面划分为不同的区块,页面自然地划分出不同的层次,每个部分都有着不同的样式(全屏背景、超大字体排版、截图展示等),这样就使得各个区块显得更加独立。
但是请务必记住,这种设计手法并不适合所有网站,但是它确实已经在设计师圈子里面逐步流行起来,成为了一种设计趋势。如果设计和执行都很到位的话,看起来倒是相当的不错。
交替式布局
乍一看,内容和图片左右交替式的布局可能会让用户感到厌烦,但是如果控制好区块之间的间距,可以消除Z字型扫视阅读的不适感。
这种样式会促使访客按照他们自己的节奏来阅读,因为这种布局方式打断了信息的连续性,但是让用户成为了阅读节奏的掌控者。
Wunderlist页面就使用了非对称式的留白,合理的留白设计让布局显得有趣而不单调。通过Wunderlist 的布局,功成总结一下这种设计模式:
·不对称设计的主要目的是引导用户关注页面特定的区域
·不对称设计的重复使用能创造出对称式的设计
·图文之间的间隙控制好了也可以成为一种模式
·规律的留白能让内容浏览更简单,并且具有预期性。
专业网站设计功成网络的优势在于我们不仅仅制作网站,网站只是一个工具,关键是怎样使用这个工具,也就是说:要把网站这个工具与企业、产品、消费人群、市场、品牌形象、广告等各个方面融为一体。怎样用这个工具直接快捷地达到我们的目标。功成网络,成功在我!
本文发布于【深圳市功成创意企业形象策划有限公司】转载请注明来源:http://www.gc711.com/
- 建设网站的总体策划明确建站目的后,接下来就要策划网站。要建立一个成功的网站,最重要的内容是前期策划,而不是技术。一个成...
- 网站导航设计原则一个网站导航设计对提供丰富友好的用户体验有至关重要的作用,简单直观的导航不仅能提高网站易用性,而且在...
- 网站推广天天都要执行的工作网站负责人做网站推广其实都要养成一个良好的习惯,每天早上打开电脑,用网站负责人工具查看当日的快照,收...
- 网页制作如何在网页中插入表格?在dreamweaver中,表格可以用于制作简单的图表,还可以用于安排网页文档的整体布局,起着非常重...
- 网站首页设计的重点网站首页设计是企业网站的门面,因此很多企业网站对网站首页设计非常关注。现在有一种普遍现象,在很多企业...
- 提供网站打开速度慢的原因及优化策略15,800.00元/个
专业网站制作:568 - 提供网站设计中完美配色方案应该思考的几个问题2,800.00元/个
专业网站制作:500 - “网站降权”诊断分析40,800.00元/个
专业网站制作:987 - 提供网页快速配色的方法!38,800.00元/个
专业网站制作:3000 - 解析移动端网页设计注意设计33,800.00元/个
专业网站制作:555 - 怎样做好网站导航的布局优化?33,800.00元/个
专业网站制作:333 - 专业网站页面板式怎样体现?34,800.00元/个
专业网站制作:903 - 详谈网站首页如何布局打造用户良好体验度40,800.00元/个
专业网站制作:333 - 如何成为优秀的web前端人员?50,800.00元/个
专业网站制作:457 - 提供移动端网站优化要怎么做?56,800.00元/个
专业网站制作:1000