系统设计原则的重要性_设计原则的重要性及其对好的设计的影响

系统设计原则的重要性

The principles of design are the most important part of any design process. Without these principles, it would be very difficult for the users to understand the type of message that the designer is trying communicate.

设计原则是任何设计过程中最重要的部分。 如果没有这些原理,用户将很难理解设计者尝试交流的消息类型。

Below are the lists of various design element and principles and how they impact good.

以下是各种设计元素和原则以及它们如何影响良好的清单。

LINE

线

“A line is a shape that connects two or more points of a design”-gcflearnfree.org

“线是连接设计的两个或多个点的形状” -gcflearnfree.org

The line is the most basic of all the design elements. It could be straight (fat or thin), wavy, curvy etc. Lines are known to appear very frequently in design, they can be used to lay emphasis, divide or organize contents or ever guide the viewer’s eyes.

这条线是所有设计元素中最基本的。 它可以是直的(胖或细),波浪形,弯曲等。线条在设计中经常出现,可以用来强调,划分或组织内容,或引导观众的眼睛。

SHAPE

形状

“Shapes are a vital part of communicating ideas visually.”-gcflearnfree.org

“形状是视觉传达思想的重要组成部分。”-gcflearnfree.org

Shapes are any two-dimensional area with a recognizable boundary. They are the foundation of so many things in a design. Shapes fall into two categories which are geometric and organic. They can be used in design in organize contents, create simple illustrations or add interest to designs.

形状是具有可识别边界的任何二维区域 它们是设计中许多事物的基础。 形状分为几何和有机两大类。 它们可用于组织内容的设计中,创建简单的插图或增加设计兴趣。

FORM

形成

“Form makes realism possible in 2-dimensional design.”-gcflearnfree.org

“形式使二维设计中的真实感成为可能。”-gcflearnfree.org

When a shape becomes 3D, it called Form. Forms can be 3-dimensional and exist in the real world or they can be implied using light, shadows and perspective to create the illusion of depth. Having a good understanding of lighting, shadows and texture can a designer bring an object to realism, but they must be used in moderation.

当形状变为3D时,它称为Form 。 形式可以是3维的,可以存在于现实世界中,也可以通过使用光线,阴影和透视图来暗示它们来创造深度的幻觉。 充分了解照明,阴影和纹理可以使设计师将对象带入现实,但是必须谨慎使用。

TEXTURE

质地

“Texture adds depth and tactility in design to other wise flat images”-gcflearnfree.org

“纹理为其他明智的平面图像增加了设计的深度和触感” -gcflearnfree.org

Texture is the physical quality of the surface, it can be 3-dimensional i.e when appear very realistic and touchable. Texture makes the object appear smooth, rough, soft or hard depending on the element to be used. Textures should be used moderately in design so as not to overwhelm the design.

纹理是表面的物理质量,可以是3维的,即看起来非常逼真的和可触摸的。 纹理使对象看起来光滑,粗糙,柔软或坚硬,具体取决于要使用的元素。 在设计中应适当使用纹理,以免使设计不堪重负。

BALANCE

平衡

“Balance helps the user to focus on the object that is of high importance in a design.”-gcflearnfree.org

“平衡帮助用户将注意力集中在设计中非常重要的对象上。”-gcflearnfree.org

Balance is the equal distribution of visual weight. Balance can be affected by many things including color, size, number and negative-space. The rule of 3rds is created using a 3 by 3 grid system to help the designer create a visual balance between the rest of the space.

平衡是视觉重量的平均分配。 平衡可能受许多因素影响,包括颜色,大小,数量和负空间。 使用3 x 3网格系统创建3rds规则,以帮助设计人员在其余空间之间建立视觉平衡。

TYPOGRAPHY

印刷术

“Typography is the style or appearance of text.”-gcflearnfree.org

“排版是文本的样式或外观。”-gcflearnfree.org

Typography is the appearance of text or how text are used in a particular design. It is one of the principles of design that makes a design user friendly. When choosing a font in design, less is more. One or two fonts can be used repeatedly in different styles to create good design.

印刷术是文本的外观或在特定设计中如何使用文本。 这是使设计对用户友好的设计原则之一。 在设计中选择字体时,少即是多。 可以重复使用一种或两种字体以不同的样式来创建良好的设计。

HIERARCHY

层次结构

“Hierarchy shows the users where to begin or where to look in order of emphasis.”-gcflearnfree.org

“层次结构按强调顺序向用户显示从哪里开始或从哪里看。”-gcflearnfree.org

Hierarchy is used to guide the reader’s eyes to whatever is most important. Important items in a design are usually larger, bolder or of a different text but should be kept as simple as possible.

层次结构用于引导读者的眼睛最重要的部分。 设计中的重要项目通常较大,较粗或文本不同,但应保持尽可能简单。

IMAGES

图片

“Users are naturally drawn to visually appealing images.”-gcflearnfree.org

“用户自然会吸引视觉上吸引人的图像。”-gcflearnfree.org

High quality images should be used for all types of designs. High quality images are known to be sharp, clear and free of distortions. When choosing images for a design, the designer must avoid images that lack context or are literal in meaning, the images to be used must be related to the context of the design.

高质量的图像应用于所有类型的设计。 众所周知,高质量图像清晰,清晰并且没有失真。 在为设计选择图像时,设计人员必须避免缺少上下文或含义纯真的图像,要使用的图像必须与设计的上下文相关。

COLOR

颜色

“Colors evoke certain mood or emotions in design.”-gcflearnfree.org

“颜色唤起设计中的某些情绪或情感。”-gcflearnfree.org

Colors bring a design to life. It can be used to create good contrast which makes a design stand out. In order to use colors correctly in design, the designer must understand hue (another word for color), saturation (which refers to intensity) and value (it explains how dark or light a particular color is). The color theory helps us to select the right colors for our design. There are formulas that helps to create the right colors for our design and they include monochromatic formulas, analogous formulas, Complementary colors, split complementary colors, triadic colors and tetradic colors. Colors used for designs should be readable, legible and easy on the eyes.

颜色使设计栩栩如生。 它可用于创建良好的对比度,从而使设计脱颖而出。 为了在设计中正确使用颜色,设计人员必须了解色相(颜色的另一种说法),饱和度(指强度)和值(它说明特定颜色的暗或亮程度)。 颜色理论可帮助我们为设计选择正确的颜色。 有一些公式可以帮助为我们的设计创建正确的颜色,其中包括单色公式,类似公式,互补色,拆分互补色,三色和四色。 用于设计的颜色应可读,易读且在眼睛上容易看清。

LAYOUT AND COMPOSITION

布局和组成

“Layout and composition are the foundation of design.”-gcflearnfree.org

“布局和组成是设计的基础。”-gcflearnfree.org

Layout and composition gives your design structure and make it easier to navigate. There are 5 basic principles that helps to transform a design and helps to sharpen eyes for design, they are:

布局和构图使您的设计结构更容易导航。 有5条基本原则可帮助您进行设计转换,并有助于使设计见识,它们是:

  1. Proximity: It is all about using visual space to show relationship in your context. It teaches the designer to keep related images, paragraphs and titles visually grouped together

    邻近性 :这是关于使用视觉空间来显示您的上下文中的关系的全部内容。 它教会设计师将视觉上相关的图像,段落和标题分组在一起

  2. Whitespace: It is also referred to as negative space. It is simply the area of a design that do not include any design. It helps to define and separate different sections, it gives the content room to breathe.

    空格 :也称为负空格。 它只是设计领域,不包含任何设计。 它有助于定义和分隔不同的部分,为内容提供了喘息的空间。

  3. Alignment: Alignment allows proper positioning of objects in design.

    对齐 :对齐可在设计中正确定位对象。

  4. Contrast: It allows users to focus on a particular object of importance in design, it helps to catch the reader’s eyes or create emphasis. Some elements such as colors, sizes, shapes, fonts can be used to create contrast in design.

    对比度 :它使用户可以将注意力集中在设计中重要的特定对象上,有助于吸引读者的眼球或增强重点。 颜色,大小,形状,字体等某些元素可用于在设计中产生对比。

  5. Repetition: Certain elements in design such as shapes, fonts, colors should be reused so as to reinforce the design. Consistency in design can help to make the design easy to read and understand.

    重复 :应重新使用设计中的某些元素,例如形状,字体,颜色,以加强设计。 设计的一致性可以帮助使设计易于阅读和理解。

In conclusion, all the principles communicated above are what makes a design friendly and and usable, and understanding these principles is what makes a designer standout.

总之,以上传达的所有原则都是使设计友好和可用的要素,而理解这些原则则是使设计师脱颖而出。

翻译自: https://uxdesign.cc/the-importance-of-design-principles-and-how-they-impact-good-designs-93b58b723918

系统设计原则的重要性

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/274258.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

优秀HTML5网站学习范例:从“饥饿游戏浏览器”谈用户体验

继影片《饥饿游戏》获得票房成功后,《饥饿游戏2:火星燎原》也于2012年宣布开拍,将在今年的11月22日登陆全球各大院线。值此之际,微软携手美国狮门影业公司和 RED Interactive Agency 一起为影迷打造了一个基于 HTML5 现代网页规范…

有一种爱情叫永不改变_设计就像爱情一样,总是在寻找一种方式

有一种爱情叫永不改变If you’re a designer, you know what I’m talking about. You just pitched some amazing brand extension ideas to your client and the worst thing happened. They killed the very best one, the one you have a ton of heart for. You know it ca…

linux网络编程系列-select和epoll的区别

select和epoll属于I/O多路复用模型&#xff0c;用于持续监听多个socket&#xff0c;获取其IO事件。 select&#xff08;轮询&#xff09; 该模型轮询各socket&#xff0c;不管socket是否活跃&#xff0c;随着socket数的增加&#xff0c;性能逐渐下降。 #include <sys/select…

产品原型制作_早期制作原型如何帮助您设计出色的数字产品

产品原型制作Utilizing prototypes this way, is a missed shot. A missed shot to create an outcome that solves a real problem for customers. An outcome that is worthwhile. Prototypes are a great tool to discover what people need, what they dream of, what thei…

ThinkPHP add、save无法添加、修改不起作用

ThinkPHP add、save无法添加、修改不起作用 案例&#xff1a;数据库新添加一字段&#xff0c;修改值不成功。解决方案&#xff1a;将Runtime/Data/_fields/下面的字段缓存删除&#xff0c;或者直接删除整个Runtime文件也是可以的分析&#xff1a;由于Thinkphp&#xff0c;采用字…

photoshop最新版本_iPad Pro应该拥有更好的Photoshop版本

photoshop最新版本I remember when Adobe came to an Apple Keynote in 2018 to show how powerful was Photoshop on the new iPad Pros.我记得Adobe在2018年参加Apple Keynote时展示了Photoshop在新iPad Pro上的强大功能。 In fact, like everyone else, I was blown away, …

android 辅助功能_关于辅助功能的9个神话

android 辅助功能Most designers don’t know about accessibility or have misconceptions about it, such as thinking it will hinder their creativity or that it doesn’t apply to their clients. Find out 9 myths about accessibility and why you and your clients s…

【语言处理与Python】1.5自动理解自然语言

【词义消歧】在词义消歧中&#xff0c;我们要算出特定上下文中词被赋予的是哪个意思。自动消除歧义需要使用上下文&#xff0c;利用相邻词汇有相近含义这样一个简单的事实。【指代消解】解决“谁对谁做了什么”&#xff0c;即监测主语和动词的宾语。确定带刺或名词短语指的是什…

绊倒在舌头上

It’s not something you’d confess in tenth grade, but I’ve always been fascinated by typography. By crisp, pared down symbols in clear white space, the infinite variety of lines, ligatures and curves that make up the letters of language. Even the sample …

[开源]jquery.ellipsis根据宽度(不是字数)进行内容截断,支持多行内容

jquery.ellipsis 自动计算内容宽度&#xff08;不是字数&#xff09;截断&#xff0c;并加上省略号&#xff0c;内容不受中英文或符号限制。 如果根据字数来计算的话&#xff0c;因为不同字符的宽度并不相同&#xff0c;比如l和W&#xff0c;特别是中英文&#xff0c;最终内容宽…

前端开发时间格式的转换方法_开发人员投资时间而不浪费时间的10种方法

前端开发时间格式的转换方法In today’s, in the past and probably in the future world — the time is more valuable than money, and the right time waits for no one. Hence, we have to make the most out of it to succeed in life.在当今&#xff0c;过去甚至未来世界…

链表基本操作

单链表结构&#xff1a; typedef struct node { int data; struct node *next; }node&#xff1b; typedef struct node *LinkList; /*创建单链表&#xff0c;将新的节点插入到链表的尾部*/ createList(LinkList L, int n) { LinkList p,r;  //p节点用来接收插入的元素&#…

python 投资组合_重新设计投资组合的好处

python 投资组合Yep, I’m here to nag you a bit about that portfolio that you haven’t updated in a while.是的&#xff0c;我在这里想和您谈谈您有一段时间没有更新的作品集。 Yes, it’s time to get to work on it again.是的 &#xff0c;是时候重新开始研究了。 Y…

李安的电影梦by李安

1978年,当我准备报考美国伊利诺大学的戏剧电影系时&#xff0c;父亲十分反感&#xff0c;他给我举了一个数字&#xff1a;在美国百老汇&#xff0c;每年只有200个角&#xff0c;但却有50000人要一起争夺这少得可怜的角色。当时我一意孤行&#xff0c;决意登上了去美国的班机&am…

抓取html中用到的css_如何使用HTML和CSS制作像《星球大战》一样的抓取文字

抓取html中用到的cssThe opening to Star Wars is iconic. The effect of text scrolling both up and away from the screen was both a crazy cool special effect for a movie back in 1977 and a cool typographical style that was brand new at the time.《星球大战》的开…

不安装游戏apk直接启动法

原文地址&#xff1a;http://blog.zhourunsheng.com/2011/09/%E6%8E%A2%E7%A7%98%E8%85%BE%E8%AE%AFandroid%E6%89%8B%E6%9C%BA%E6%B8%B8%E6%88%8F%E5%B9%B3%E5%8F%B0%E4%B9%8B%E4%B8%8D%E5%AE%89%E8%A3%85%E6%B8%B8%E6%88%8Fapk%E7%9B%B4%E6%8E%A5%E5%90%AF%E5%8A%A8%E6%B3%95…

web字体设置成平方字体_Web字体正确完成

web字体设置成平方字体When using web fonts we must carefully avoid its hidden pitfalls. To do this designers, frontend developers, DevOps, and authors each have a role to play in creating a great end-user experience.使用网络字体时&#xff0c;必须小心避免其隐…

Android客户端打包方案分享

基本介绍 Android应用的自动化打包是应用持续集成以及多渠道发布的基础。当前Android客户端自动化打包的主要有两种方式&#xff0c;Ant和Maven。两种方式本质上都是调用Android SDK里面提供的工具&#xff0c;不过各自有各自的特点。 1. Ant脚本 好处&#xff1a;开发成本较低…

sql注入修复方法是_旧的方法是修复我们可以看到的内容。

sql注入修复方法是When envisioning the futurestate of a company or a service, we’re usually faced with the challenge of designing for a customer that doesn’t exist yet. What do we mean by this? Well, they exist in the obvious sense, they’re just not ‘t…

library听证会_听证会

library听证会My Initial Experience with a Screen Reader我对屏幕阅读器的初步体验 As a new web developer, I have been learning to make my sites visually appealing but still be accessible, and all-in-all, it’s been going decent. I’ve been including cool ic…