读“设计的3个C”之构图(Composition)

2024-03-02 12:30
文章标签 设计 构图 composition

本文主要是介绍读“设计的3个C”之构图(Composition),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

哪行哪业都少不了基本功,都说“马步”要扎得稳。在都快说烂了的以目标用户为中心设计的今天,还是要勤练基本功的。不多说了,先了解下“设计的3个C”:

一、构图(Composition):
一个设计的构成因素如何在视觉上结合安排。构图中包括放置、组合、排列、视觉流动,以及布局上的空间区分。

二、构成因素(Components):
它们是设计中使用的视觉因素。照片、图画、图标、排版、划线、装饰、边缘和背景,全都是构成因素。

三、概念(Concept):
主题、内涵、信息和风格方面的抽象归纳。一个设计或一个形象的这种难以明说的意蕴,对于它的视觉表现和信息传达至关重要。
利用以上3个领域的一些基本原则,对于你的创造过程——无论是提取概念还是建构布局,或者是设计作品的最后定稿——都会提供一些实用的、通用的思路。

对于一个设计来说,当它的构图、构成因素和概念都已到位,并且协调一致地为目标观众与目的服务时,它就成功了。

设计的要旨在于鼓励并方便观看者与被观看物之间的沟通。好的设计靠着赏心悦目的视觉效果和意味无穷的内涵吸引并保持观看者的注意,从而激活、形成了这种沟通。
下面简单介绍“构图”中的一些原则

1、距离不均等原则:水平距离与垂直距离是不同的,它通常创造了一种视觉运动与活力的感觉。
2、黄金分割:人们公认由它导出的空间赏心悦目,这些年来它已经发展为一种信仰一样的东西。
3、斐波纳契数列:一种整数数列,其中每数等于前面两数之和。它是一条螺旋线,大自然中的鹦鹉螺背面就是这样。
4、重复:重复不仅有助于建立视觉和谐,而且很能吸引注意力。
5、视觉呼应:通过色彩、风格、内容和字体纹饰家族的明显关联,就形成了视觉呼应。
6、主题呼应:在一个项目或设计作品中,通过建立主题方面的联系,也可以形成很好的和谐。
7、排列:可以用来创造一致、稳固和统一的感觉,对于排列规则来说,有一点尤为重要:先要努力理解使用排列原则所带来的效果,然后是打破这些原则会带来的效果。
8、设计栅格:它是由辅助线、边界和分栏组成的一个隐藏系统,设计中的构成因素放置在这个系统中,依据这个系统来排列,为册页、宣传单、广告或网站的设计提供了表现的框架。
9、视觉流动:好的视觉构成也能够把观看者的眼睛不知不觉地带入一个图案或一个构图内的穿行。
10、视觉桥梁:为了救得一种视觉流行的感觉,使用了两个“搭桥”因素,在那些缺乏联系的区域中间建立联系。
11、封闭空间:观看者会感觉到一种说不清道不明但实实在在的不舒服感。
12、评价构图(C.A.P):要形成你的评价意识。要评价你的构思,工作过程中和你觉得已经完成时都要进行评价。除了运用自己的艺术直觉来进行评价外,还要问自己这样一些具体问题:联结(Connection)、排列(Alignment)、重点(Priority),除了这3个标准之外,还要考虑它们与构成因素和概念的联系。

小知识:

1、当一些东西事实上稍稍高于中心时,人眼倾向于将它们作为就在中心来感知。
2、一个人遭遇一群东西时——无论是群鸟或一片文字,他们习惯将这群东西视为一体。设计师可以利用这种视觉习惯来做文章。
3、有时,一个大空间中的小小呈现,会格外吸引人;还有一些时候,在一个小空间中大大呈现,效果也很好。
4、过分玩立体感,或者是与主题无甚关系,设计就会显得花哨,显得小聪明。
5、有时,十分规整的排列让人感觉死板。可以考虑在一些地方有所溢出,效果可能更好。
6、要想打破规则,最好是先知晓和懂得这些规则。
7、在设计一个作品时,时常退后几步看看,把它放在一侧来看看,从房间那头看看。您的视线想朝什么地方去?你是不是满意这种流动?还需要做哪些改变?
8、一些视觉搭桥的方法:重叠、一致的背景色彩或某种因素、色彩呼应,箭头、划线或色调过渡处理,边界的使用。

我读的是《设计基础指南》,推荐再看看书。
简单的读书笔记分享,欢迎补充交流:)

 

这篇关于读“设计的3个C”之构图(Composition)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/766129

相关文章

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机

SprinBoot+Vue网络商城海鲜市场的设计与实现

目录 1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue 4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍:CSDN认证博客专家,CSDN平台Java领域优质创作者,全网30w+

单片机毕业设计基于单片机的智能门禁系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍程序代码部分参考 设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订

Spring的设计⽬标——《Spring技术内幕》

读《Spring技术内幕》第二版,计文柯著。 如果我们要简要地描述Spring的设计⽬标,可以这么说,Spring为开发者提供的是⼀个⼀站式的轻量级应⽤开发框架(平台)。 作为平台,Spring抽象了我们在 许多应⽤开发中遇到的共性问题;同时,作为⼀个轻量级的应⽤开发框架,Spring和传统的J2EE开发相⽐,有其⾃⾝的特点。 通过这些⾃⾝的特点,Spring充分体现了它的设计理念:在

开题报告中的研究方法设计:AI能帮你做什么?

AIPaperGPT,论文写作神器~ https://www.aipapergpt.com/ 大家都准备开题报告了吗?研究方法部分是不是已经让你头疼到抓狂? 别急,这可是大多数人都会遇到的难题!尤其是研究方法设计这一块,选定性还是定量,怎么搞才能符合老师的要求? 每次到这儿,头脑一片空白。 好消息是,现在AI工具火得一塌糊涂,比如ChatGPT,居然能帮你在研究方法这块儿上出点主意。是不

创业者该如何设计公司的股权架构

本文来自七八点联合IT橘子和车库咖啡的一系列关于设计公司股权结构的讲座。 主讲人何德文: 在公司发展的不同阶段,创业者都会面临公司股权架构设计问题: 1.合伙人合伙创业第一天,就会面临股权架构设计问题(合伙人股权设计); 2.公司早期要引入天使资金,会面临股权架构设计问题(天使融资); 3.公司有三五十号人,要激励中层管理与重要技术人员和公司长期走下去,会面临股权架构设计问题(员工股权激

分布式文件系统设计

分布式文件系统是分布式领域的一个基础应用,其中最著名的毫无疑问是 HDFS/GFS。如今该领域已经趋向于成熟,但了解它的设计要点和思想,对我们将来面临类似场景 / 问题时,具有借鉴意义。并且,分布式文件系统并非只有 HDFS/GFS 这一种形态,在它之外,还有其他形态各异、各有千秋的产品形态,对它们的了解,也对扩展我们的视野有所俾益。本文试图分析和思考,在分布式文件系统领域,我们要解决哪些问题、有

(入门篇)JavaScript 网页设计案例浅析-简单的交互式图片轮播

网页设计已经成为了每个前端开发者的必备技能,而 JavaScript 作为前端三大基础之一,更是为网页赋予了互动性和动态效果。本篇文章将通过一个简单的 JavaScript 案例,带你了解网页设计中的一些常见技巧和技术原理。今天就说一说一个常见的图片轮播效果。相信大家在各类电商网站、个人博客或者展示页面中,都看到过这种轮播图。它的核心功能是展示多张图片,并且用户可以通过点击按钮,左右切换图片。