文档章节

想让网站动感十足?试试网页设计中的韵律线条

王尘宇
 王尘宇
发布于 2017/09/07 00:05
字数 1034
阅读 4
收藏 0
在网页设计中,横向和竖向的直线非常常见,利用整齐的线条可以打造出有序的视觉路径以及信息层级。 当然,有些时候,可以不按理出牌,设计一些倾斜的线条,让你的网站不拘一格,更加与众不同。   打破传统布局,创造动态的自由视感,让构成更加复杂——无论是利用简约的几何图形,或是精致的倾斜图像。 让你的设计更具吸引力,不妨试试斜线。  

Paseo Itaigara

形状感很强,整体设计的很成功,显得并不杂乱。菱形无处不在,拼嵌式的菱形,装饰性的菱形,按钮的菱形,很好的主题一致性。   Paseo Itaigara  

Impero

交互式网站,积极的氛围、极简的色彩。设计师利用两组对角线(粗细交织)打造了视觉路径。   Impero  

Alpina

强烈推荐!利用视觉滚错,加上美轮美奂的照片。来感受这趟视觉盛典吧。流畅优美的照片美景。斜线分割的很巧妙(试想用直线风格,效果不会这么到位)   Alpina  

Ullevi Preparty Area

不平衡的使用图像元素,温暖的图像,纯白色的背景,整体感觉和谐又与众不同。   Ullevi Preparty Area  

Case 3D

干净、整齐,白色佐以霓虹色的蓝绿色。三角形作为核心装饰元素。感觉很现代。   Case 3D  

Networked Insights

这个页面的设计感觉相当的不平衡。大量倾斜的线条不但可以用来做装饰,也可起到功能性作用。倾斜的矩形做微件,整体感很强烈。   Networked Insights  

Wavefront Musical Festival

色彩诱人,动态、神秘、音乐主题的外观。 网页设计使用了全屏的图片背景,以及可爱的半调视感。很好的诠释了音乐节的氛围。斜线,以及霓虹色彩的渐变让网页感觉更前卫。   Wavefront Musical Festival  

Bespoke

利用投影一般延伸的六边形,打造了视觉焦点。明亮的色彩,纯色的背景,整体又非常简约。   Bespoke  

Vida Comunicacao

巧妙几何了形状,让整体具有一种诱人的不对称感,让人禁不住要探索一番。   Vida Comunicacao  

Dunlop

在滑动选块中斜线被广泛的使用,非常的抓眼。亮黄色的使用也很赞。   Dunlop  

Startup Giraffe

创新机构,利用不对称的斜线宣告自身的”创意无穷、不走寻常路”。干脆、整洁、简约的几何形状功不可没。   Startup Giraffe  

Timberline Tours

非传统的菜单,让人感觉动感十足。三条斜线令人印象深刻,从而和菜单中其他按钮有所区别。   Timberline Tours  

V2

交互式网站,三维效果,非常节制的黑白红三色配色,大量使用的几何形状——三角形、菱形以及矩形。   v2  

4V Connect

纯白背景,以突出创新这一理念。干净、毫无繁杂感的页面中使用了纤细的斜线,感觉优雅而又精致。   4V Connect  

Fifteen Robin

设计师利用了大量的斜线条纹。这样整个页面”亮”了起来,感觉非常的动态。   Fifteen Robin  

Gaston Bouchayer

极简主义式设计,倘若去掉斜线,不免中规中矩,有时候破坏一下平衡杆,效果会更佳。 Gaston Bouchayer  

Prophets

灰色背景,多边形装饰。   Prophets  

POSTYOU

个性化的斜线切割。   POSTYOU  

The Enterprise Foundation

有效的视觉焦点打造,优秀的不对称干。几何形状的Logo,倾斜的箭头极富视觉吸引力。   The Enterprise Foundation  

Precious Villas

不平衡感强烈、歪斜的主页。但是整体又简洁、直观。   Precious Villas  

The George Hotel

如何让网页中的某一区块更加被注意?试试斜线吧。   The George Hotel  

结论

斜线、斜条纹、倾斜的形状,能够打造出不对称感,让网页更加动态化。如果想要强调某一区域,不妨试试斜线,但要注意:使用斜线不意味着整体页面可以繁杂、可以无组织。还是要注意整体的平衡感、组织感、整洁性。   原文地址: http://designmodo.com/websites-diagonal-lines/

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
私信 提问
网页当中经常使用的十一种排版形式

在版式设计当中,主要有以下几种排版形式:重心型、中轴型、分割型(分上下分割和左右分割)、倾斜型、骨骼型、满版型、曲线型、对称型、三角形、四角型和自由型。这几种形式会比较常出现在网...

尹公子
2017/05/27
199
0
还在纠结抑扬顿挫?让AI教你像native一样说英语

     编者按:你会用英语说绕口令吗?现在微软亚洲研究院推出的智能英语私教“微软小英”可以教你说英文绕口令啦!一直以来,“微软小英”口语训练里的实时打分和针对性反馈功能都获得了...

微软亚洲研究院
08/28
0
0
网站建设需要注意的问题

原文整理来源:逐浪CMS 1 、网站的版式设计 网站的版式设计通过文字和图形的空间组合,表达出和诣与美。一个优秀的网站设计者应该知道哪一段文字图形放在什么位置,才能使整个网站生辉。多页...

逐浪CMS建站
2011/08/15
120
0
原来这么拍(四)——计划外的梦莲湖

tips1:提前查询日出时间,做好拍摄计划 tips2:用google earth来提前选择、查看拍摄点 可以在这个软件上面其他人在同样的地方所拍摄到的照片 也可以通过模拟日照的工具去查看拍摄点 看它是日...

mazongfei
2017/07/19
0
0
一定要知道的 Web 设计八个流行趋势

[导读]从过去几年目睹的网站中总结分析出了一些当下网页流行的设计元素,我们预测,在往后的日子,里面提及到的Web设计流行趋势依然会“大行其道”。 人靠衣装,公司靠包装,Web必须得大大方...

oschina
2012/11/01
5.4K
19

没有更多内容

加载失败,请刷新页面

加载更多

127.0.0.1 和 0.0.0.0 地址的区别

1. IP地址分类 1.1 IP地址表示 IP地址由两个部分组成,net-id和host-id,即网络号和主机号。 net-id:表示ip地址所在的网络号。 host-id:表示ip地址所在网络中的某个主机号码。 即: IP-a...

华山猛男
17分钟前
4
0
解决Unknown host 'd29vzk4ow07wi7.cloudfront.net'. You may need to adjust the proxy settings in Gradle.

把 总项目 下的 build.gradle 中的 两个 jcenter() 用 maven{ url ‘http://maven.aliyun.com/nexus/content/groups/public/’} 代替。...

lanyu96
22分钟前
1
0
基于redis的分布式锁

redisson提供了基于redis的分布式锁实现方式,本文就尝试了下锁的使用方式。Redisson同时还为分布式锁提供了异步执行的相关方法,第二节执行介绍。 一、可重入锁验证 同一个jvm里面同一线程的...

noob_chr
31分钟前
7
0
CPU性能过剩提升乏力影响未来行业发展吗?

虽然CPU仍然在不断发展,但是它的性能已经不再仅仅受限于单个处理器类型或制造工艺上了。和过去相比,CPU性能提升的步伐明显放缓了,接下来怎么办,成为横亘在整个行业面前的大问题。 自201...

linux-tao
33分钟前
3
0
设计模式“6”大原则!

面向对象设计原则 概述 对于面向对象软件系统的设计而言,在支持可维护性的同时,提高系统的可复用性是一个至关重要的问题,如何同时提高一个软件系统的可维护性和可复用性是面向对象设计需要...

Java干货分享
50分钟前
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部