平面設計未來趨勢發(fā)展
1、辦公室要變成教堂或錄音室才行
現(xiàn)在的工作越來越不受空間的限制,網(wǎng)絡那么發(fā)達,你能在任何地方辦公, 那為什么還要要求雇員來辦公室?這一點在提醒老板們:要讓辦公室變得像是一個教堂或者錄音室。教堂的空間和混響不僅能調整一個人的聲音,還能 夠將多個人的聲音混合起來,激發(fā)更大的效能。錄音棚則是專門用于創(chuàng)建高質量的音軌的,既然你要求員工們要到辦公室,就要讓他們在這里獲得其他 地方?jīng)]有的工作體驗。
2、設計更需要同理心
要真正的、深層次的去感受用戶的需求。比如你要開發(fā)一款智能手環(huán),用以 檢測和提醒老年人的身體狀況,雖然他們需要這款產(chǎn)品,但是未必真會花錢去買它——沒人希望在自己身上時時刻刻掛著一個標志上面寫著 “我老了 ”。所以,設身處地地去了解用戶真的十分必要。
3、廣告和市場營銷將成為設計的一部分
以前是把產(chǎn)品生產(chǎn)出來之后再去考慮營銷,現(xiàn)在則不同了,要將營銷視為設 計的一部分才行。一款成功的產(chǎn)品,一切都需要超級一致。
4、設計將更多地基于“人”運行系統(tǒng)本身
人類基因組計劃和其他的一些研究結果讓科學家們對“人”的運作方式有了 更深的理解。這些革新性的認識也將被用于設計上——不管是規(guī)劃一座城市還是設計一把椅子,設計師們都可以借助這些理論來思考:什么設計能激發(fā) 人的創(chuàng)造性?如何創(chuàng)造更強的歸屬感?如何真正的消除干擾、引發(fā)更深層放松?
5、會有更多的工程師變成設計師
有越來越多的工程師在設計領域初露端倪,這在十年前幾乎不能想象。比如 Inkling 的Peter Cho,Opower 的 Deena Rosen , Flipboard 的 Marcos Weskamp。
設計基礎、平面設計等。
機械制圖/CAD/UG
會計全科/會計考證/會計做賬
淘寶全科(淘寶開店/淘寶美工/淘寶推廣)
電腦辦公/平面設計/PHOTOSHOP/CDR/AI
Photoshop 學習圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的 校正;各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運用圖層風格,流體變形及褪底和蒙板,制作出千變萬化的圖像特效。
CorelDraw **CorelDraw的全方面的設計及網(wǎng)頁功能融合到現(xiàn)有的設計方 案中,制作矢量的插圖、設計及圖像,出色地設計公司標志、簡報、彩頁、手冊、產(chǎn)品包裝、標識、網(wǎng)頁及其它。
Illustrator 學習圖形繪制、包裝、宣傳頁的制作,讓你更加方便地進行 LOGO及CI設計,不到一個月,您就會成為一名真正的前|進培訓美術大師,在Photoshop的基礎上再學它如虎添翼,效率成倍提高。
自學體系**課!寫給新人設計師的界面排版原則(上)
前面的視覺體系和大家簡單提到過傳統(tǒng)平面排版的四大原則:親密性、對比、重復、對齊。那界面排版有什么原則呢?今天菜心就來用實例分享一下界面排版中需要注意哪些原則。
視覺自學體系回顧:《新年自學計劃!寫給UI設計新人的知識體系指南》
歡迎關注作者的微信公眾號:「菜心設計鋪」
大綱如下:
一、親密原則
二、對比原則
三、平衡原則
四、相似原則
五、簡潔原則
六、封閉原則
七、情感原則
由于篇幅原因,今天先來介紹前四個原則,剩下的我們下期再分享。
一、親密原則
空間上接近的內容,我們更容易將之歸類到一組,這就是我們所說的親密原則。
如下圖:
我們很容易將唐僧、孫悟空、沙僧分成一組,而將豬八戒單獨分離出來,因為前三者離的更近。
我們來看下面這張圖:
你能分清標題是屬于上面還是下面嗎?
當你了解了親密原則后,就知道為什么分不清,這也就是我們學習理論知識的原因,當我們看到錯誤的設計時,可以說出哪里不對,而不是憑感覺。
那這個原則如何運用到我們界面設計上呢?
看下圖:
上圖是簡書文章列表中的一條,我們在平時工作中也經(jīng)常會遇到這種信息排版。首先我們需要清楚,上圖的內容有三個:上分割線、內容區(qū)和下分割線。此時我們可以判斷,內容區(qū)內的所有間距一定小于內容區(qū)與分割線的間距,因為根據(jù)親密性原則,有關聯(lián)的內容會離的更近,內容區(qū)的內容相對分割線來說,就是關聯(lián)性比較強的,所以它們的間距就會相對較小。
這樣的間距規(guī)律還可以讓我們清晰的區(qū)分開每一條信息,不會導致信息干擾。
親密性原則是我們在界面排版中**常用的原則之一,大家一定要牢牢的記住并大量實踐,為我們后期的排版設計打下堅實的基礎!
二、對比原則
我們經(jīng)常會遇到界面看著混亂的情況,但又不知道為什么,其實大部分情況都是因為界面內容對比不明顯而造成的。
例如下圖:
雖然上圖符合親密原則,但似乎看著還是有些凌亂,其中一個很重要的原因就是因為界面信息內容的對比不夠強烈,我們不知道該看哪里!
而我們來看一下今日頭條的信息排版:
你會發(fā)現(xiàn)重要信息和次要信息的大小對比非常強烈,使我們聚焦在主要信息(標題)上,這樣看著就不會那么散亂。
看完這個排版后再去解決上面那個散亂的問題,會不會更容易些呢?大家不妨自己嘗試排一下,這樣會讓你的印象更加深刻。
我們平時也要多去研究一些排版,好的排版你需要去分析它為什么好,不好的排版你需要分析它為什么不好,你能否排的更好,只有**這樣不斷地刻意練習,你才能扎扎實實的前進。
回到正題,其實關于對比的方式還遠不止大小層面,還有顏色對比、粗細對比、形狀對比、疏密對比等等,所以大家在進行對比排版的時候,不妨多維度考慮,一定可以找到合適的解決方案。
三、平衡原則
平衡原則是界面排版布局的首要原則,大到整個**網(wǎng),小到一張圖文,都需要我們對視覺平衡有一個良好的把控。
舉幾個例子:
看上圖,我們可以發(fā)現(xiàn),圖片下方的文字是左對齊,為了達到視覺上的平衡,設計師將VIP 圖標和更新集數(shù)放在圖片右側。
再來看下圖:
我們會感覺整個頁面怪怪的,好像在向右上角傾斜,就是因為沒有遵循平衡原則,而當我們將**下方的按鈕移動到右側時,如下圖:
整個頁面看著就會平衡很多。
這里需要注意一點,一些藝術類的海報排版為了達到某些效果,可能會有意打破平衡,但那是特殊的平面藝術設計,而對于我們UI設計來說,在進行界面排版的時候,大多數(shù)情況還是要遵循平衡原則,這樣才能讓用戶感覺整個界面更加協(xié)調、舒服。
四、相似原則
我們需要對相似的內容賦予相同的屬性,例如同一級別的標題文字大小相同,相同顏色(如藍色等)的字體都可以點擊等等。
例如下圖:
上圖文字有兩處是藍色的,藍色使二者具有一定的相似性,而我們需要將相似性的內容賦予相同的屬性:可點擊。
相反我們看下圖:
雖然設計者為了統(tǒng)一和強調,將電話和地址都作成藍色,但如果電話可點擊,而地址不可點擊,就會給用戶產(chǎn)生困擾,以致于整個頁面的交互都存在一定的問題。這一點也是我們必須要注意的內容,在進行設計的時候不要犯這種低級的錯誤。
當然相似原則的因素也不只有文字顏色,還有背景色、方向、大小等等,有興趣的同學可以多多總結積累,大家一起交流。
以上就是今天分享的界面排版的前四個原則,下一期會將后面的內容補充完整。
希望你能夠多多練習,完善自己的排版知識體系,早日成為一名合格的資深視覺設計師。
歡迎關注作者的微信公眾號:「菜心設計鋪」
「想掌握排版四原則?3個海報設計教程滿足你!」
- 《設計易容術!如何設計一張高品位高水準的海報?》
- 《設計易容術!如何設計一張高品位高水準的海報(二)》
- 《設計易容術!如何設計一張高品位高水準的海報?(三)》
【聯(lián)展網(wǎng) 原創(chuàng)文章 】
================關于聯(lián)展網(wǎng)================
“聯(lián)展網(wǎng)“是國內人氣**高的網(wǎng)頁設計師學習平臺,專注分享網(wǎng)頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:****全的設計師圖書導航:/book/。
設計微博:擁有粉絲量180萬的@優(yōu)秀網(wǎng)頁設計 ,歡迎關注獲取網(wǎng)頁設計資源、**頂尖設計素材。
設計導航:全球頂尖設計網(wǎng)站推薦,設計師必備導航:
相關推薦:
體驗課預約試聽
倒計時
課程熱線:
客服在線時間:早上9點~下午6點,其他時間請在線預約報名或留言,謝謝!