• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 3+3法则!教你六步创造超酷的几何感设计

3+3法则!教你六步创造超酷的几何感设计

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含平面设计,经验分享等相关知识,希望在学习及工作中可以帮助到您

-迷臧?:还在因为没有优质素材而一筹莫展?当今日回顾昨日设计俗套且不耐看?面对字体图形设计百思不得灵感? 本篇小文将教你如何使用几何元素搭配合适的色彩制造画面最大出彩。

点 / 线 / 面 / 矩形 / 圆形 / 多边形 几何元素永远都是设计的基础,不会衰老的素材。

?利用几何元素创造画面往往能达到较强的形式美感、设计美感,且风格运用广泛。例如温柔的几何形体搭配活泼的颜色能创造鲜活感,流畅的几何形体搭配冷静的色彩又能够传达一种严谨的态度,几何形体的多重组合配以瞩目的色彩更能表达高端前卫的时尚感。

本篇小文将分为「创造几何感图形」与「几何色彩搭配」两个部分进行讲解。

创造几何感图形

?利用几何创造图形文字的新视觉效果,优点在于创造空间大且是有规律的创造,这种图形样式往往具有抽象美感与秩序美感。

解析重构、异形同构、正负形、矛盾空间等平面构成形式可以成为我们实现文字图形几何化的方法途径。

1.异形同构

将单一元素替换。

△ 「一百日一百夜」艺术展字体设计

?利用笔画变形实现字体符号化, 将单一笔画归纳成几何样式。 例如将横与点使用线段代替,包围结构使用圆代替,撇捺使用弧线代替,有规律的替换元素使得作品最终效果和谐且具有设计感。

2.规律塑造

通过有结构与规律的拉升变形创造体积感。

△ keep品牌视觉设计

以圆柱为形体基础,有规律的拉升字体厚度,使字体呈现几何圆柱立体空间感。

△ 网易未来科技峰会字体设计

?以长方体为形体结构,变换字体创造立体空间感,为丰富整体结构组织,在组合时故意产生部分混乱,从而制造矛盾空间感。

3.解析重构

总结对象各部分,替换再重组。

△ 2017「金鸡报晓」视觉设计

将鸡的形象分开解析, 有根据的总结各部分形体将之归纳为图形,例如将眼睛归纳为圆,嘴巴归纳为三角形,鸡冠归纳为半圆形,最后各部分重组得到鸡的抽象几何形象。

△ 「不可奈何」字体设计

图中五个步骤展示了此项字体设计的缘由,先将字体原形态解析为矩形重构,再将矩形的重构与圆形结合得到字体形状。

原作者在此项创作中言:“汉字是象形文字,我一直尝试用平面构成的设计语言重新解构汉字,设立几个基本型,制造规律的网格,用基础形来拼合。符合自己设定的规律,同时最大的弱化规律带来的重复感和死板的感觉,从而创作出一种新鲜的设计风格。这种设定规律,在规律中设计图形,又将规律化解隐藏不见的法式,让我乐在其中。”

几何与色彩搭配

将文字或者图像几何化后,加以色彩的填充能营造丰满的视觉效果,在这里你会发现无论黑白灰的填充、互补色、对比色的填充,画面都会显得富有张力且视觉冲击力强,设计感强。

1.实色填充

实色填充能实现扁平化视觉效果。

△ 澳门城市艺术节视觉设计

利用几何归纳画面,创造了小鸟、猫咪、茶室、理发、婆婆等形象,填充使用黄、橙、玫、绿、蓝5个亮眼的专色,且5个颜色在纯度亮度的对比上差距小,单一的填色形式在视觉上产生了平面扁平化的效果,此项作品艺术感强并且散发着一种童稚感、幽默感。

2.渐变填充

渐变色填充实现立体的空间效果。

△ Mohamed Samir作品

?字体根据几何结构规律的变形,可产生厚实感、空心感、矛盾空间感的形态,而渐变色的填充突显光照方向,明暗对比突出结构上的层次感,故而使得空间立体感更强。

3.多样填充

多种样式填充增加画面层次感

△ 巴黎The Peacock Society Festival视觉设计

△ 米兰Linecheck音乐会视觉设计

?多样填充在结合了实色填充与渐变填充之余,还添加了纹样填充,多层次的叠加填充丰富了画面内容,使得画面不单一枯燥。

?最后赏析几份完整的几何视觉形象化设计作品

△ Laracon EU欧盟会议视觉设计

?构图采用基础几何图形的组合,配色为黄/蓝/玫/黑/白/灰6个主色调,颜色之间对比度强,凸显政治激情与民众参与热情。实色填充配与主色调之间互相融合的渐变填充,使得画面鲜活不单调乏味。

△ 3D城市视觉设计

将城市形象解析重构为互相交织的几何体样式,配以柔和的渐变色调将画面梦幻化,给人宁静舒缓的感觉,凸显出一种城市灵性。

「五个教程帮你快速掌握几何设计」

  • 《PS教程!教你创建几何图案的复古怀旧海报》
  • 《PS教程!手把手打造一款繁复美的复合几何图案》
  • 《PS教程!手把手教你打造复古几何无缝纹理背景》
  • 《AI新手教程!手把手教你绘制线性条纹几何艺术图案》
  • 《神器驾到!10分钟做出酷炫的几何抽象艺术效果(免费下载)》


【优设网 原创文章 投稿邮箱:yuan@.com】

================明星栏目推荐================

优优教程网: UiiiUiii.com是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导

您可能想查找下面的文章:

  • 为什么做版式设计你总是没有思路?
  • 《小偷家族》中国版海报看哭日本观众,这届中国设计很能打!
  • 想紧跟流行风尚?这5种平面设计趋势了解一下
  • 设计道理谁都懂,为什么换自己就不会?
  • 高手的平面课堂!解锁LOGO设计新技巧
  • 平面基础小课堂!聊聊排版中的版面率和留白率
  • 设计师必须要掌握的版式基础大全
  • 高手的平面课堂!版式设计里的轮廓化技法
  • 关于形态创意,大师们都这么玩儿
  • 设计实战!为扁平风的移动端赛车游戏定制插画

相关文章

  • 2017-08-06首页设计最能反映web设计师的水准
  • 2018-08-23用这个方法,让你的设计方案轻松通过! 
  • 2018-08-23什么决定了设计师的职业高度?来看资深UX的思考!
  • 2018-08-23查遗补漏!网页设计过程中需要注意的12个常见问题
  • 2017-08-06Web 设计 实现干净代码的12条定律[图文]
  • 2017-08-06自己在实践中遇到的一些前台基础(html、css)
  • 2017-08-06flex程序Firefox下中文输入乱码的bug
  • 2017-08-06浅谈.html,.htm,.shtml,.shtm的区别与联系
  • 2018-08-23设计师进阶笔记!APP导航的设计套路
  • 2018-08-23这7个技巧,帮你搞定网页中背景纹理的设计

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 如何制作一份优秀的答辩PPT?来看高手的方法!
    • 做设计说到底是「知人事」:专访VMware 设计主管谢雅苹!
    • CSS在使用中的高级技巧(在实战中会用到)
    • 超干货!一套完整的设计分析思路应该是怎样的?
    • 漫山遍野的多边形元素,正在入侵每一份设计稿
    • 为何如今的产品总给人千人一面的感觉?
    • emmet语法
    • 条件注释样式的编写方法及示例代码
    • 网站中的关于页面介绍内容怎么写
    • 背后的故事!手机QQ的一键消除红点功能是怎么诞生的?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有