系統設計原則的重要性_設計原則的重要性及其對好的設計的影響

系統設計原則的重要性

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.pswp.cn/news/274258.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/274258.shtml
英文地址,請注明出處:http://en.pswp.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…