4个非常实用的网页设计构图心得技巧

二楼傻缺

二楼傻缺

2016-02-16 21:01

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的4个非常实用的网页设计构图心得技巧,过去的都会过去,迎接崭新的开始,释放更美好的自己。

四个经典构图原则帮你入门版式设计,今天聊一聊常见的几类构图方式:对称平衡、不对称平衡、水平平衡以及垂直平衡,有分析有案例,强烈推荐学习,来感受下。

对称平衡

如果你想在你的网页看上去美观和优雅,那么你应该做一个网站对称。这种效果很容易通过将类似的对象上的中心轴线的任一侧来实现。这可以通过相同的尺寸,基于网格的文本段落,或具有匹配文本相片的图像进行说明。这里有一对遵循这一格式的网站设计实例。

Mount Barker High School

4个非常实用的网页设计构图心得技巧,PS教程,图老师教程网

Wonder Bread Ballon

4个非常实用的网页设计构图心得技巧,PS教程,图老师教程网

您可以轻松地在网上找到各地的许多中心的布局,实际上,对称性设计被认为是最赏心悦目的设计。这也是大多数人的典型思维模式。

当然,当你准备采用对称性设计的时候,更多的时候它并没有你想象中那么肤浅简单。考虑到这点,你不妨以平面配色方案开始。如果你是新手,可以尽量多运用白色,直到你有足够的能力创造你自己的设计。

毕竟这样的设计最赏心悦目,所以大多数人都喜欢干净简洁并且完美对称的网页。但是更多别出心裁的设计师会采用一些更加新颖的一些更复杂的设计布局。

不对称平衡

不对称平衡带来一种自由随意的感觉。尽管有时候看上去不是那么自然,但是它还是经常在网页设计中得到实用。你可以看到不对称平衡常常运用在一些大的高清图片作为页面背景,主体远离了中心轴线的情况,目的是为了把更醒目的标题留在中间。

Orangina European Site

4个非常实用的网页设计构图心得技巧,PS教程,图老师教程网

The Enterprise Foundation

4个非常实用的网页设计构图心得技巧,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

它的设计的主要目的是移位到左边或右边(或顶部或底部)。因此,如果您决定要用不对称功能,你应该准备好多次的试验,以避免混淆网站的访问者。

无论什么类型的对称,核心就是你要让整体平衡。

水平平衡

水平平衡是网页最经典的页面布局。大部分人都习惯从左向右阅读,所以左右布局也是最自然的一种布局方式。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

这是最经典的一种布局设计,如果你的客户比较传统,那么你的设计也应该简单明了。这里有个案例。

Business Accessorie

4个非常实用的网页设计构图心得技巧,PS教程,图老师教程网

垂直平衡

垂直结构用于头部和底部的元素非常相似的情形。这样的布局往往运用于小图片的展示,比如下面的例子:

Portfolio by Ryan M. Stryker

4个非常实用的网页设计构图心得技巧,PS教程,图老师教程网

Paradox Labs

4个非常实用的网页设计构图心得技巧,PS教程,图老师教程网

结论

平衡是网页设计中最重要也是最容易忽略的东西。视觉上的平衡可以通过对界面元素的布局来调和,比如选择最合适的配合,元素的大小和位置。有的时候,也需要大胆创新,不要拘泥于传统。

展开更多 50%)
分享

猜你喜欢

4个非常实用的网页设计构图心得技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
4个非常实用的网页设计构图心得技巧

6个实用摄影构图技巧

摄影 人像摄影 静物摄影
6个实用摄影构图技巧

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细解析网页设计的构图技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析网页设计的构图技巧

25款国外非常实用的网页设计神器分享

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
25款国外非常实用的网页设计神器分享

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

PS 66个非常经典的实用心得技巧教程

PS PS基础 ps平面设计教程 ps去水印教程
PS 66个非常经典的实用心得技巧教程

实用入门构图技巧

摄影 人像摄影 静物摄影
实用入门构图技巧

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

以机器人为设计变形的LOGO设计欣赏

以机器人为设计变形的LOGO设计欣赏

解析电商网页商业页全面设计指南分享

解析电商网页商业页全面设计指南分享
下拉加载更多内容 ↓