博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
非设计师的基本设计原则【翻译器搬运】
阅读量:5895 次
发布时间:2019-06-19

本文共 2362 字,大约阅读时间需要 7 分钟。

原文地址:

作者:Anna4erepawkoMészáros

这个是面向那些无力支付专业设计师的所有内容创作者,以及设计师总是忙于帮助的团队中的非设计师。
如果您可以按照这些简单的步骤进行操作,我保证您的设计会更好看。

这份名单源于多年来观察我的非设计师朋友,家人和同事在日常生活中设计他们需要的东西。
个人通讯,简历和投资组合,Facebook或Instagram上的帖子图片,YouTube的视频缩略图等。

所有这些人都向我寻求帮助和建议如何使事情看起来更好。
我坚信整个“教人钓鱼”的想法,所以我试图给他们提供有价值的建议,以帮助解决未来类似问题。

随着时间的推移,我意识到
我一直在给人们所有相同的提示
我每次都用不同的措辞,但我的所有建议都可以提炼出
这四个原则

我知道有数千个列表就像这样的列表,但我发现这些列表太过分了。
你不能真正地遵循一个25“简单”的列表(没有包含25个部分可以真正“简单”)作为非设计师的步骤。
你没必要。

这会帮助你创造闪亮美丽的设计吗?
不会。这会帮助您创建出色,清晰且易于理解的设计,每个人都可以轻松理解和互动吗?
绝对。
所以,不用多说,我向你们展示:

4个基本设计原则任何人都可以遵循以取得好成绩

对比

确保所有元素之间有足够的对比度。

为什么?
因为那些略有不同但又不够不同的东西,创造了一种
他们对人眼感到怪异和厌恶,和/或难以理解。
现在我们不希望在我们的设计中,对吗?

您的设计元素应该
完全相同
显着不同

对比问题主要表现在4种不同的方面:

1.
颜色:
浅色使用深色,反之亦然。

示例:
切勿在浅蓝色或浅粉红色上使用灰色等组合 - 它们极难阅读/交互。

2.
大小:
仅将元素放在彼此相邻
的大小完全相同
大小不同的情况下。

示例:
不要将32pt和36pt文本行放在一起。
另一方面,18pt和36pt将一起工作。

3.
重量:
与尺寸相同,只是将元素放在彼此相邻
的重量完全相同
重量相当不同的地方。

示例:
不要将相同字体的“粗体”和“黑色”重量放在一起 - 因为它们看起来太相似了。
另一方面,“轻”和“大胆”重量将很好地协同工作。

4.
样式:
不要将一个斜体类型放在另一个斜体类型旁边,或者在另一个衬线字体旁边放置一个衬线字体。
结合不同的东西。

示例:
不要将“Times New Roman”和“Georgia”放在一起 - 它们看起来太相似了。
组合具有相当不同样式的字体。

一致性

确保类似的元素以类似的方式出现。

为什么?
首先,通过保持事物的一致性(因此,简单),您可以让人们将注意力集中在
设计的
重要
方面,而不是被一直在变化的事物分散注意力。

其次,一致性增加了信任,
使事物看起来实际上是设计的
,而不是简单地快速抛在一起。

一旦你选择它们就要坚持下去:

  • 字体/字体
  • 调色板/颜色的阴影
  • 对准
  • 装饰元素的风格

等等...

占位符文本由

当您处理彼此相邻的许多不同部分时(例如,YouTube频道的视频缩略图或中型文章的封面),请为所有部分选择一种整体风格并坚持使用。

奥卡姆剃刀

又减少视觉噪音

您在设计中使用的元素数量越少越好。

为什么?
人类的大脑很难处理信息并在输入过载的情况下做出决策。
使用尽可能少的装饰元素(字体,颜色,阴影,框架,笔画,图标,图案等)。

的设计版本
应用于所有内容:

如果只用2个元素可以实现某些功能,请不要使用3.如果可以使用10个元素实现某些功能,请不要使用20.您可以使用它。

占位符文本由

如果你不喜欢古老的英国学术哲学家,而且喜欢你在Netflix上看到的东西,那么肯定:成为
你自己设计
无论什么都不会激发快乐(或者不是设计的有用部分),必须去。

空间

事物的定位方式会发送关于其含义的元级别消息。

为什么这很重要?
因为了解你如何定位事物以及你在它们周围添加了多少空间有助于降低设计的复杂性,因此,使它更令人愉悦,更容易与之交互。

在设计中使用空间来传达这三个方面的意义:

1.接近=相关性

与其他元素相比
彼此
更接近的
事物
被认为
彼此
更多
地相互关联而不是与其他元素相关。

这个是最重要的,因为我觉得它经常被忽视(甚至有些人声称是专业设计师,而不是命名任何名字)。

它可以以多种不同的方式应用,例如:

  • 行之间应该有一个空格,而不是一行中每个单词之间的空间 - 同样,不同段落之间的空间也比段落内的行之间的空间要大。
  • 设计元素应该在彼此之间具有较小的空间,而不是在这些元素和组合物的边缘之间。
  • 标签和支持信息应位于其描述/相关的元素附近。

2.
负空间

与Occam的Razor结合使用,尽可能地为您的设计提供负面空间,使它们整齐并使其意义更加明显。

将太多元素放入有限的空间就像试着一次听三首不同的歌。
很难理解所说的内容。

看看Apple的网站。
人们可以非常清楚地了解所说的内容(或者更确切地说,出售内容)。

3.
重要性和秩序

这个是非常常见的,但我觉得我还是要在这里提一下。

最重要的事情,你先放,和/或让它们占用最多的空间。
使用一系列事物来传达秩序。
等等。
你绝对可以弄明白其余的。

结束

恭喜!
如果您按照所有这些步骤进行制作,那么按照行业标准,它很可能看起来非常好。

对于其他一切,总有一位设计师。

***

我的名字是MészárosAnna,我是一名图形/用户界面设计师,成为UX / UI设计师,具有哲学学术背景和对所有设计伦理的兴趣。
我很想与更多志同道合的人联系,所以请随时给我留言,并在
关注我

转载于:https://juejin.im/post/5d07311e6fb9a07eb67d8fb7

你可能感兴趣的文章
如何分析D状态进程
查看>>
kotlin-拉姆达表达式
查看>>
Ant design的Notification源码分析
查看>>
时尚大片,竟是这样p出来的!
查看>>
Python基础(08)Python中整数和浮点数
查看>>
TypeScript学习笔记-类
查看>>
OkHttp工作流程
查看>>
vue 路由监控
查看>>
前端零基础 JS 教学 第二天 02 - day关系运算符与流程控制循环详细讲解 for switch 等...
查看>>
canvas 梦幻的随机例子效果
查看>>
机器学习实战教程(十一):线性回归基础篇之预测鲍鱼年龄
查看>>
Apply、Call、Bind
查看>>
ipv6 relay模式
查看>>
诊断儿童罕见病,多伦多大学 AI 辅助医生调整治疗方案
查看>>
强大的跨数据库访问组件 UniDAC使用教程:统一SQL
查看>>
[译] Part 31: golang 中的自定义 error
查看>>
深入出不来Node module模块
查看>>
vue-quill-editor 富文本集成quill-image-extend-module插件实例,以及UglifyJsPlugin打包抱错问题处理...
查看>>
使用者多注意! 多件恶意软件潜入Google Play商店
查看>>
Chrome小游戏《Boxel Rebound》
查看>>