广州网站建造集团官网 老直营威尼斯网址开户
老品牌威尼斯网址开户 吾们 效劳 网站建造 移动应用 案例 报道 联系
咨询热线:13711534025

期待聆听您的声音

13711534025

不忽悠,不作恶,不欺诈;敬天理,存良知,思利他。
QQ咨询 QQ咨询 QQ咨询
广州总部 深圳 佛山 广西

与吾们一起分享美好

策划的骨骼——微交互的相关知识

发布时间:2018-01-12 发布作者:老直营威尼斯网址开户 查阅次数:1213次 标签:广州网站建造 广州网站建造集团官网

在吾们的生活中,策划无处不在,譬喻地铁里的大广告牌,橱窗里摆放的衣服,高楼大厦的LED展位,甚至手机里的某个应用界面等,一贯在众家眼里,好的策划就是即有新意又大胆,并没有什么规律可循,但莫过于策划和绘画不同的在于,绘画可以展露赋性,而策划的主要却是体现秩序的美感,它不是来自个人,而是来自于祖国,好比建筑群的策划构成,不只是一个华丽的皮囊,而是有血有肉的,它的骨骼就是策划的根本。每个策划抽象出来都是一些圆素的构成。

康定斯基曾经在《点线面》的一书中,将艺术的形式归结为三种圆素之间的构成关系。

“依赖于对艺术单个的精神考察,这种圆素归纳师通向名作 内在律动的桥梁 。”

——瓦西里·康定斯基(Wassily Kandinsky )《 点、线、面》

每个策划师总有一点职业病,有时候会被满屏的信息淹没,有时候会为一个像素的间距而纠结,但只需静下心来,从策划的根本出发,不看那些点缀和颜色还有材质,只从平面构成出发重新解构您的策划,也许会有不一样的启发和看到那一点点瑕疵所在。

吾们先回顾一下平面策划中的点,线,面各自的特点

一、点的运用

在几何学的意义上点是可见的较大形式单圆,是地位的表示形式。无所谓方向、大小、形状。但所为策划构成的点与几何中的点是不同的。只有当它与周围要素进行对比时才可知这个具有具体面积形象是否可以称之为“点”。

康定斯基认为从内在性的角度来看,点是最简洁的形态。

举个例子,下面的网站是一个日本上卫的24节气网站,站点策划也非常的上卫,用非常简约的线条和少量的圆素组合成了一种空灵的美感。


看起来都是文字和线条的交接,看起来并没兼有谓的点的组成,但就现实来说一些文字在视觉里起到了点的感化,如下图所示,右侧标题作为视觉主题,紧密的排列起来的文字形成了一个矩形视觉焦点,而左侧的小文起到平衡视觉的感化。


网站地址:http://www.iseokagenosato.jp/kotonohagusa/

1.不同形状的点往往给人以不同的视觉心理感受



圆形,平稳,在感情上是焕发的,浑厚有力量的。

方形,除了平稳外有端庄,大方感,在感情上是踏实的,可依靠的。

三角形或菱形:菱角分明,且有指向性,在感情上是偏倚的,有鹄的性的。菱形比三角形对称,在平衡中寻求赋性。其他不规则的图形,显得富有自己的赋性,是独立的,张扬的。在规则的图形里变得非常明显。往往用于丰富画面。


居中:平静,稳定,聚集感

居上:不稳定感

居下:画面有沉淀,宁静的感觉,但是不匆子 侄帽蝗朔⑾帧

在页面三分之二靠上时:care到人care往往是视觉的焦点。

灰子 蔷偃毡窘谄菊飧隼樱肽掣鼋谄缕鹗子橙胙哿钡氖钦醒氲慕谄畔ⅲ谝皇奔淙糜没Э吹阶钕胫赖氖寄醒朐步蔷匦蔚牟呋喻上卫印章,宁静且舒适。而始末相对而言在视线的偏上方从纯色背下到高清大图设的背下策划上非常有 跳跃感也不会觉得枯燥。



3.当画面中有不同大小的点时,大的点是焦点。


点不同的排列方式也会产生不同的视觉心理感受。

当一个画面中有很多零散的点分布时,用户的视线会来回游移,而策划的鹄的就是如何让他们在不规则中不显得凌乱。


诸如这个站点画面里有三个较大的点,大的点往往care到人的care,并且这三个点形成了一个视觉上的三角形,相对来说是比较稳定的。三角形的地位在页面的三分之二靠上,正好在视觉焦点的地位。也说明了当您的视觉圆素非常多时,把想要突出的始末放在偏上或者居中的地位,才匆子 侄帽皇侗稹

二、线的运用

如果说点是静止的,so线,就是点运动的轨迹。游离于点和形之间,它具有地位、长度、宽度、方向、形状和性格等属性。

不同的线有不同的感情性格,线有很强的心理暗示感化。

直线好比男性,刚强有力量,曲线好比女性,柔和并且性感。

不同方向的线条和不同的排列方式也对用户起了不同的引导感化


如上面所示左图是瑞士航空集团官网的海报策划,不同方向的蜿蜒的公路线条性感的交织在一起,使得画面非常丰富。

中图是一个电影海报,曲线的指向型引导用户的视觉,这就是点和线的区分,线是带有方向性的,有粗细的改动。

右图是一张获得红点大奖的呼吁节电的海报,画面中简洁的直线并带有向下的方向感,即能引起关灯的共鸣也能将不插电这种概念表达出来。

线还有分割画面的感化,线有连贯性,画面因为它的分割而变得生动有趣,对于阅读顺序有着决定性的感化。

再如下图的网页用中央的一根直线将页面计划为左右文字信息和数据可视化的两个部分。


再如下图版式策划中的曲线运用,贯穿整个页面,打破了整齐的文字排版,打破了乏味的基调。


三、面的运用

面是线的移动至终结而形成的,面有长度、宽度,没有厚度。

面的形态是多种多样的,不同的形态的面,在视觉上表现不同的情感。

直线形的面具有直线所表现的心理特征,有安定、秩序感,男性的性格。

曲线形的面具有柔软、轻松、焕发、女性的象征。

不规则的面如:水和油墨,混合墨洒产生的偶然形等,比较自然生动,有人情味。



第一张图的电影海报中用三角形的面来切割画面,视觉上非常有秩序感且稳定。

用大的几何图形来做策划能把视觉聚集到图形上,是切割画面始末最好的方式。

第二张图中的不规则的面切割画面让页面整体比较活泼可爱,和画面的直营牛奶的气质非常顺应,这样的不规则圆素被穿插在整个画面中。


我的出处

来源:百度移动用户体味部

聊一聊轻策划——网页策划中的轻奢主义与禅意思维,精炼始末进修提取

集团网站建造结构始末上使用nofollow标签有哪些技巧?

吾们的地位

广州 广州市天河区岗顶百脑汇高技术大厦B塔27楼 020-6235 2949

深圳 深圳市南山区汉京万国大厦18A 159 8916 9178

广西 茂名市茂南区油城三路广西创业创新孵化基地B110 159 8916 9178

吾们的效劳

网站及移动应用 牛逼直营网站 APP开发 小程序开发 WeChat运营

系统应用开发 OA/ERP/CRM/HR系统开发 教学管理系统 电商系统 应用型软件系统定制开发

了解吾们

集团官网简介 联系吾们 吾们的案例 讯息报道

使用条款 隐私声明 Cookies

© 2009-2020 老直营威尼斯网址开户 版权一切 广ICP备16051058号

XML 地图 | Sitemap 地图