作為企業vi制作設計師在一個不斷變化的領域中工作,重要的是我們要了解永恒的
企業vi制作設計原則,這是我們所做的一切的基礎。在Adobe XD我系列的第2部分,我將探討使我們建立UX的一些普遍性的原則的基礎。
這些原則,應該坐在我們
企業vi制作設計和建造的一切的核心,是至關重要的,經得起時間的考驗:
視覺語法
語言和文字
敘述性設計
總的來說,這些原則構成了我們設計偉大經驗的堅實基礎。當然,我們可以把其他原則理解為:心理學、人類學和經濟學。最重要的是,加強我們的建設,但這些核心原則支撐著我們創造的經驗。
我們越來越多地要求解決設計問題,正如新技術是想象和發明的一樣,以前從未解決過。好消息是過去的原則仍然有效。通過專注于掌握這些基本原則,你就能培養出經得起時間考驗的技能,并把你作為企業vi制作設計師而與眾不同。
當然,全面覆蓋用戶體驗設計的普遍原則–龐大而復雜的課題–將只是一個單一的第一個挑戰。但請放心,我會在每一節之后提供一些額外的技巧和技巧,在文章的最后,我會提供一些建議性的閱讀。把這篇文章看作是一個簡短的引子,引導你走上正確的道路。
視覺語法鏈接
為了有效地
企業vi制作設計,至關重要的是要發展視覺語法原則,以鞏固視覺傳達的世界。這些原則源于平面設計的歷史,至今仍然適用,構成了企業vi制作設計的基石,奠定了我們創造經驗的核心。
但是我所說的視覺語法到底是什么意思呢?簡單地說,我們在視覺上創建的所有東西——不管是用戶界面(UI)元素還是屏幕上更復雜的元素排列——都是由一系列核心元素組成的:點、線和平面。通過組合這些元素,我們可以創建圖標、組件、插圖、圖表、模式……簡而言之,一切。
作為設計師,我們在最簡單的層面上工作,用要素的基本語法:點、線和面。這些元素,在二十世紀初在有影響的包豪斯學校被定義,仍然是我們今天所做的事情的核心,然而,常常沒有嚴格教導。
用戶體驗可能是一個相對年輕的學科,但這并不意味著它不具有豐富的文化遺產,從世界圖形設計繪制的,從中我們能學到。我將在不久的將來探索,如果你打破任何企業vi制作設計,你會發現它是由點線和平面構成的。
在貝爾法斯特藝術學院,我們為期三年的課程的前六個星期是用來掌握視覺語法詞匯的。正如Miyagi先生在空手道小子中所做的那樣,我們關注的是對原則的深刻理解。熟能生巧,或者像Miyagi先生反復強調的那樣:“打蠟!打蠟!“
通過鼓勵我們的學生一次只關注一個元素——第一個點,然后行,然后是平面——我們發展他們對底層視覺語法的理解。這是一個嘗試和測試的學習方法,追溯其世系追溯到世界領先的設計學校:Bauhaus,烏爾姆,和巴塞爾。
這需要時間和耐心,但如果你想成為一名
企業vi制作設計師,就留出點時間,用點、線、面進行一系列的練習。這樣做可以使你對視覺語法有更深的理解。羅徹斯特理工學院有一個優秀的設計原理迷你課程,是一個完美的起點。
通過了解每一個元素都能實現什么,我們向學生介紹組合它們的想法。正是在這一點上,我們看到了機會的豐富性和限制設計的重要性。
學習如何將界面提取到他們的核心組件——專注于簡單性和約束——導致認知負擔減輕和用戶更快樂。雙贏。通過定義這些核心組件,我們可以將它們組合起來為每一個項目建立一個可視化詞匯表。
通過組合這些元素,我們可以創建大量的組件:
用點繪制數據的圖表,
結合點和線的滑塊,
由平面組成的一系列頁面元素和表單字段,以及
當我們結合各種元素時,直觀地顯示出什么是可能的。
這些基金會擔任企業vi制作設計數百年來形成用戶體驗的視覺層骨干將在這里和現在,但很少花時間掌握這些基本組件。
正如Miyagi先生強調的,熟能生巧。一旦我們開始將點、線和平面組合起來,并將顏色引入到等式中,我們就意識到我們可以創建我們需要的任何企業vi制作組件。
經驗豐富的設計師可以用最少的手段創造令人愉悅的用戶體驗。安托萬de Saint-Exupery所說:“完美,不在有什么更多的補充,但當沒有東西帶走?!?br>
案例研究:視覺語法
隨著視覺語法的掌握,我們清楚地認識到,當我們設計用戶界面組件和更廣泛的整體體驗時,這些構建塊——它們的核心——簡單的本質——支撐著我們作為企業vi制作設計師所做的一切。通過訓練你的眼睛,可以分解復雜的界面,看看它們是如何構建和學習的。
有很多例子,豐富的,身臨其境的體驗-無論是基于Web的和本地的-都是用最小的,蒸餾的視覺語法構建的。如果我們拆散一對夫婦,我們將看到如何使用這一系列核心元素:點、線和面創建復雜的接口。
Josh Worth美麗的網站,如果Moon只有1像素是一個網站的一個偉大的例子,演示了什么是可能的時候,即使是最簡單的視覺元素的深刻理解是結婚的一個優雅的想法。將其描述為:“一個太陽系的繁瑣的精確比例模型。“我會把它描述為一個絕技的什么是可能的時候,即使是最簡單的積木–點,線,并善加利用的平面–。水平滾動,你會看到我們太陽系的所有榮耀:
不同大小的點成為行星;
線條既可以用來確定行星的位置,也可以作為頁面底部的刻度;
一個平面(背景)延伸頁面的長度,代表空間的黑色。
如果Moon只有1像素,這是一個很好的例子,當基本的視覺語法塊被節省使用時,它是可能的,這表明有可能用最少的手段和一定程度的克制來創造一種身臨其境的體驗。
另一個可愛的例子是月球的時區APP,一次性。應用程序是ten-a-penny時區,但月球的是最小的,美麗的。仔細看,你會看到點、線、面,很多都在企業vi制作設計服務:
一個中心點代表著世界(分成兩部分)半醒著淺藍色,半睡在深灰色,給人一種時間和空間感;點也代表你添加到應用程序的城市(黃色代表白天城市,淺藍色代表夜間城市);
一個陰影的世界打破了微妙地表明睡眠時間。
在其他時區的應用程序過于復雜,界面簡單,一次性集中。其結果是一個應用程序,讓你:“只要看看時間在任何地方一目了然。”簡單可以,而且常常經得起時間的考驗?;c時間學習視覺語法的構成部分——點、線和平面——你會發現即使沒有顏色,你也能取得很大成就。
技巧與技巧:視覺語法
正如迪特·拉姆斯在他對好的設計的十個原則:“好的設計是盡可能少的企業vi制作設計?!钡木W站和應用程序,我們的設計變得越來越復雜,我們的角色設計是盡可能的簡化,幫助可用性的過程。??真正服務于我們的用戶(和他們的喜悅中過程),我們需要關注的要點。最好的接口盡可能地刪除,消除過程中的復雜性。
上訴如果Moon只有1像素和曾經的之處就在于其簡單性。當開始一個新項目時,問問你自己:在約束條件下你能做什么???最好的企業vi制作設計–那些經得起時間的考驗–經常使用蒸餾的視覺語法?;氐绞グ?颂K佩里:“達到…完善時,沒有帶走?!?br>
在構建UI組件時,盡量集中精力重新使用元素,盡量減少視覺復雜度。通過構建一組簡化和優雅的核心組件,將這些組件結合起來,創建易于理解的界面,從而簡化用戶交互。
語言和排版鏈接
隨著對視覺語法掌握的深入理解,重要的是要考慮我們設計的基本結構,而這通常是通過排版的形式給出的語言。兩者攜手合作,都是極其重要的,并輔以其他形式的內容:例如插圖、攝影和視頻。
語言——我們選擇交流的詞語——重要的是,我們把它當作設計師來思考。在開始任何新項目時,首先要定義支撐你企業vi制作設計的語言,它將塑造你的用戶感知。