文档章节

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

王尘宇
 王尘宇
发布于 2017/09/07 00:05
字数 1034
阅读 3
收藏 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
163
0
还在纠结抑扬顿挫?让AI教你像native一样说英语

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

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

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

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

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

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

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

oschina
2012/11/01
5.4K
19

没有更多内容

加载失败,请刷新页面

加载更多

Python爬虫:Scrapy框架的安装和基本使用

大家好,本篇文章我们来看一下强大的Python爬虫框架Scrapy。Scrapy是一个使用简单,功能强大的异步爬虫框架,我们先来看看他的安装。 Scrapy的安装 Scrapy的安装是很麻烦的,对于一些想使用S...

糖宝lsh
21分钟前
2
0
Android Dialog几种对话框

1,普通对话框 2,单选对话框 3,多选对话框 4,日期选择对话框 5,时间选择对话框 6,日期选择对话框 7,进度条对话框 普通对话框 AlertDialog.Builder builder = new AlertDialog.Builde...

lanyu96
27分钟前
1
0
awk命令

-F选项的作用是指定分隔符。如果不加-F选项,则以空格或者tab为分隔符。print为打印操作,用来打印某个字段。$1为第1个字段,$2为第2个字段,以此类推。但是$0比较特殊,它表示整行: [root@cen...

野雪球
35分钟前
2
0
一切都靠大数据:滴滴已封禁4.3万人员、车辆

这段时间以来,滴滴出行相继出炉了各种整改措施,包括自身安全建设和外部社会共建,昨日就刚刚宣布正在筹备建立安全监督顾问委员会。 据媒体最新报道,9月30日,上海市交通委员会执法总队、上...

linuxCool
54分钟前
4
0
awk命令用法介绍

10月18日任务 9.6/9.7 awk 1.awk(上)(下) 1.awk 分段操作功能 指定分隔符,并把第一段打印出来,不会改动文件内容 将所有内容打印出来 awk 没有指定分隔符号,则会默认用空格或者空白字符...

hhpuppy
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部