如何用最简单的点线面,解决没灵感?

2018-9-3    ui设计分享达人


如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


点、线、面和构成手法,就像是大厦的基石一样,看起来毫不起眼,但力量却无比强大。


当所有人都追求复杂深沉的时候,简单纯粹反而是最有力量的。


今天骉叔的设计心得来梳理一下最常用的、最简单的获取灵感的来源,从哪里获取?从每位设计师都知道的,最简单最纯粹的点、线、面和构成手法中获取。










被严重低估了的点线面


可怕的不是你不懂,可怕的是,你以为你都懂。


很多时候就是因为你觉得你懂了,所以导致你停止了继续探索的脚步!


就是因为每一位设计师都了解过,所以平面构成在我们的印象中,变得索然无味,平淡到不能再平淡,无聊到不能再无聊。


可惜真正能领会其精髓的并不多。能够领会其意,又能运用好的更是难得。


平面构成可能是最被设计师所低估的,它的表现力远远比你想象中更有力。


关于平面构成这一门课程,课本上是怎么写的?


(平面构成是视觉元素在二次元的平面上,按照美的视觉效果,力学的原理,进行编排和组合,它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物,叽里呱啦叽里呱啦……)


生涩难懂、索然无味对不对?


因为课本只告诉我们平面构成是什么(可能连这一点都没讲清楚)。


而没有告诉我们平面构成能做什么。


所以,请你把你原本的认知丢到一边,今天和骉叔一起,我们来重新认识一下点、线、面和平面构成。







提示:下面出现的每句话,希望你能慢慢慢慢慢慢下来思考一下……







一:点


点的视觉特征:一个点表明位置,形成视觉焦点,吸引人的注意。


摄影中可以这样用↓


设计中还可以这样用↓






两个点构成视觉心理连线,两者产生关系


摄影中可以这样用↓


设计中还可以这样用↓








多个点让注意力分散,画面出现动感


摄影中可以这样用↓


设计时还可以这样用↓








多个点组合,可以表现丰富的形象内涵,简洁而深度地传达视觉形象信息

*点的大小形状不固定,墨水对于纸是点,纸对于桌子是点,桌子对于地面就是点。是对比出来的。










二:线


直线:明快、简洁、力量、流畅、有速度感和紧张感,男性化;


摄影中可以这样用↓


设计中还可以这样用↓





曲线:丰满、轻快、优雅、流动、柔和、节奏感强,女性化


摄影中可以这样用↓


设计中还可以这样用↓



粗线:厚重、醒目、粗狂、有力↓



细线:纤细、锐利↓



水平线:平静、安定、广阔,有左右方向运动感↓


摄影中可以这样用↓


设计中还可以这样用↓



垂直线:庄重、严肃、竖立,有上下方向运动感↓


摄影中可以这样用↓


设计中还可以这样用↓



斜线:倾斜、不安定、紧张感、动感。


摄影中还可以这样用↓


设计中还可以这样用↓










三:面


面的形态不受任何限制,所以我们不把面当做简单的图形

但是面分图于底,也称作正负形。

被关注的就是图或正形,不被关注的就是底或者说是负形。

正形和负形相结合让你的设计非常耐人寻味。









构成1:重复构成


重复是最能表现出秩序美和整齐美,给人井然有序的印象

1)单个基本形的重复

2)单元基本形的重复










构成2:特异构成


特异是表现相同中的不同和突变,变异之处最能引起人们的注意

特异有时能发觉出一种趣味、哲理、意味、魅力

特异构成的形式:

1)大小特异

2)形状特异

3)形象特异

4)色彩特异

5)骨格特异

6)方向特异


色彩特异↓


形象特异↓


色彩特异↓










构成3:渐变构成

 

渐变表现的时一种循序渐进、有规律的、有秩序的变化过程。

让人感到空间、时间、距离的意义,节奏感强、现代感强

渐变的类型:

1)形状渐变

2)方向渐变

3)位置渐变

4)大小渐变

5)骨格渐变

6)形象渐变


渐变构成的运用↓










构成4:发射构成


发射具有很强的空间聚焦感、速度感、辐射感和方向感

发射的方向性、规律性很强

发射构成的形式:

1)离心式

2)向心式

3)同心式

5)螺旋式


发射构成的运用↓









构成5:空间构成


图形重叠体现空间感↓


用阴影体现空间感↓


用透视体现空间感↓


矛盾空间的构成↓










构成6:对比构成


对比显示了事物的矛盾冲突,体现了一种张力,

引起观众的情绪反应,并带来强烈的视觉感受。增加视觉冲击力和感染力。

对比构成的形式:

1)大小对比

2)明暗对比

3)形态对比

4)方向对比

5)肌理对比


对比构成的运用↓


方向对比的运用↓


大小对比的运用↓










构成7:肌理构成


肌理是一种情感化的符号,不同肌理传递不同的信息,有的柔软,有的粗糙;有的光滑、有的细腻;有的平滑、有的褶皱;例如观察人的皮肤就能反应出人的年龄、性别、生活状态等信息;木纹与纯白的桌面,我更喜欢木纹。











当你把点线面以及构成的手法掌握,就会发现他们的奇妙之处,像是七巧板一样,虽然你手中的素材有限,但可以组合出成千上万种创意。


灵感全然不是漂亮地挥着手,而是如犍牛能竭尽全力工作时的心理状态。 

——柴可夫斯基


有点拗口对不对,骉叔转述一下:


灵感不是拍大腿拍出来的,而是来自你全心全意投入时的状态。

——柴可夫骉叔





蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档