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