文档章节

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

王尘宇
 王尘宇
发布于 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
网站建设需要注意的问题

原文整理来源:逐浪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
iPhone X 响应式网页设计

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 24小时前,苹果公司推出了iPhone X。随之而来的是一个新的白色线条,幸福地坐在底部的触摸板上,它替...

mo311
2017/11/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

异步化,高并发大杀器

今天来聊聊如何让项目异步化的一些事。 在进入正文之前,顺便给大家推荐一个Java架构方面的交流学习群:698581634,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分...

Java大蜗牛
18分钟前
0
0
织梦dedecms安全设置

网站本身做好防范: 1、修改默认后台名。 打开网站根目录,找到[dede],这个文件夹就是后台的路径,可以随意修改,比如修改为[adminbuy],此时后台登陆的路径为:http://www.*****.com/admi...

雨季2014
19分钟前
0
0
完美Python入门基础知识点总结,看完你的Python就完全入门了!

Python标识符 在 Python 里,标识符有字母、数字、下划线组成。 在 Python 中,所有标识符可以包括英文、数字以及下划线(_),但不能以数字开头。 Python 中的标识符是区分大小写的。 以下划线...

糖宝lsh
25分钟前
0
0
Java关于前后台传输中文乱码以及Excel下载乱码解决

针对乱码,一般情况是前后台以及中间件编码格式不同导致.故需要保证编码格式相同即可. 1.前台页面格式指定,这里用的是jsp,故需要将pageEncoding指定为"UTF-8" 2.指定服务器编码格式,比如用的t...

勤奋的蚂蚁
27分钟前
0
0
Flutter组件 - Flexible

Flexible是一个控制Row、Column、Flex等子组件如何布局的组件。 Flexible组件可以使Row、Column、Flex等子组件在主轴方向有填充可用空间的能力(例如,Row在水平方向,Column在垂直方向),但是...

一箭落旄头
30分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部