我們都知道UI設計如今已經(jīng)成為人們非常重視的內(nèi)容,當然,有創(chuàng)意的UI設計才能夠贏得更多的人氣,那么,各位朋友們想不想知道創(chuàng)意UI設計的技巧有什么?接下來就來為大家全面整理下吧。
一、好的UI設計的重要性
好的UI設計不僅是讓軟件變得有個性有品位,還要讓軟件的操作變得舒適簡單、自由,充分體現(xiàn)軟件的定位和特點。
二、創(chuàng)意UI設計的技巧
1.顏色
大膽用色,對比強烈:現(xiàn)幾年的顏色設計趨勢,用色都比較大膽,對比強烈,大膽的撞色得到更多設計師的青睞。
通道色:這種顏色趨勢國外用的比較多,國外則采用的比較少。這種顏色的使用效果給人神秘和不可思議的感覺,另一方面也會給人一種臟臟的感覺。比較適合一些面向國際的產(chǎn)品。
全息幻彩:它有一個非常專業(yè)的詞:holographic;給人感覺迷人、夢幻、多變。它也不僅僅運用到UI設計里面,當下很多手機殼的顏色也采用了全息幻彩的形式;
鐳射虹彩漸變:(color-gel laser gradient),這是色彩的運用早期在平面包裝運用的比較多,去年才開始流行于UI設計領域。
名人色:即用人名命名的顏色,
比如去年的爆款:莫蘭迪灰(延禧攻略),是一款非常高級的灰色系,特點是對比度低,如果內(nèi)容很多則不適合采用這款顏色,所以比較適合頁面留白較大,內(nèi)容較少的界面。
克萊因藍:被認為是世界上最純粹,最干凈,最無瑕的藍色,是一款純度非常高的藍色。其實在UI里面看到的所謂克萊因藍,都是降低了它的明度和飽和度,否則會很刺眼;
愛麗絲藍:淡淡的,很夢幻的那種小女生的藍色;
范戴克棕:膠片工藝里面的
品紅:注意品紅是名人色!

?。▓D片來自網(wǎng)絡)
2.頁面的排版布局
更大的負空間:
這兩年,UI設計在頁面的排版布局上有一個共性:更大的負空間,即所謂的留白。因為我們設計的所有的頁面的宗旨是為用戶體驗設計的,用視覺的方式向用戶傳達頁面的內(nèi)容信息。我們?nèi)绾巫龅礁咝实南蛴脩魝鬟_頁面的消息:
少即是多(less is more)。
簡潔的頁面更適合用戶獲取內(nèi)容信息。
負空間在所有設計領域都有適用。
破型和錯位疊加:
這種排版設計趨勢與色彩趨勢有一點像,那就是大膽,使得頁面沒有那么中規(guī)中矩,死板;采用破型和錯位疊加的設計方式會使得頁面更加靈活,生動??梢赃\用在banner圖、H5的運營頁面,大模塊的標題……
超大字體排版:
讓用戶聚焦信息。這種排版趨勢這兩年特別的顯著,也是由iPhone和Airbnb做出來的設計,從而引領了整個UI設計領域的設計風格;從IOS10 開始的大標題,陸續(xù)的國內(nèi)很多APP也使用了這種大字號標題的設計,包括一些運營的頁面,H5……
這種極度夸張的大小對比,能夠讓用戶迅速聚焦到內(nèi)容上面來。
3.圖形圖案
場景插畫盛行:
UI界面的開屏,引導頁,缺省頁,下拉刷新等等,都要求需要插畫設計。插畫設計在整個UI領域運用的非常的廣泛,因為它更具有易讀性、故事性、趣味性,更容易吸引用戶的注意。我們應該考慮到用戶在各個方面的使用體驗,插畫則是一個很好的情感化設計的一部分。
光感透氣疊加:
這種設計形式比較適合運用在一些科技類產(chǎn)品領域,為產(chǎn)品增添更多的未來夢幻感。還有一些數(shù)據(jù)可視化的設計也會采用這種形式。
三、設計師如何鍛煉自己的能力?
一精多專 全面發(fā)展
精代表有一個能力點是你必須很精通的,在團隊里面是不可替代的位置;專則代表熟練且專業(yè);全面發(fā)展則是要熟悉所在行業(yè)的相關(guān)信息。
熟練掌握多種軟件技能
基礎通用能力:溝通表達能力,準確獲取有效需求信息,清晰表達設計想法,獲得他人認同
分析挖掘能力,將獲取到的信息,進行分析,挖掘更深層次的需求,可幫助我們抓到用戶真正的痛點。
執(zhí)行力,能夠高效完成任務、在工作過程中主動推動任務前進。
系統(tǒng)專業(yè)方法論:專業(yè)的方法可以幫助我們更好的進行設計工作
頭腦風暴 可用性測試 用戶訪談 A/B test 用戶畫像 角色扮演……
創(chuàng)意設計思維&方法
主要方法:
1.聯(lián)想。聯(lián)想是創(chuàng)意設計思維最常用的方法,把你要設計的東西以一個核心事物為起點,將與之有關(guān)的元素進行聯(lián)想,聯(lián)想的越豐富,idea就會變得越多。
聯(lián)想分不同類型的聯(lián)想:橫向聯(lián)想、縱向聯(lián)想、關(guān)聯(lián)聯(lián)想。
橫向聯(lián)想:圍繞核心事物進行發(fā)散,只考慮與核心事物有直接關(guān)聯(lián)的,也就是一度關(guān)聯(lián)的事物
縱向聯(lián)想:聯(lián)想后的一樣事物要與前一樣事物有關(guān)聯(lián),深挖下去,找到與核心事物有二度、三度、甚至五度、六度關(guān)聯(lián)的事物
聯(lián)想的體系:整個聯(lián)想的體系就是一個事物的橫向聯(lián)想,然后再在某一個點上進行縱向聯(lián)想。
關(guān)聯(lián)聯(lián)想:聯(lián)想兩兩事物之間的共同之處,找他們的共性。
聯(lián)想是一個非常基礎的尋找創(chuàng)意點的方法,我們應該不停的進行橫向與縱向交叉的聯(lián)想方法,最后你會發(fā)現(xiàn)你的靈感會井噴式的爆發(fā)出來。
2.發(fā)散+聚斂
聯(lián)想是一個思維發(fā)散的過程,我們也需要讓思維集中:聚斂。通過“發(fā)散——提出創(chuàng)造性設想”和“聚斂——對創(chuàng)造性設想進行分析篩選”的反復交叉進行,逐步達到預期目標。
3.現(xiàn)實映射
從現(xiàn)實中提煉、抽象出的,可以是形態(tài)、色彩、質(zhì)感,也可以是運動方式、光學力學特性等物體中最有特征的部分。

(圖片來自網(wǎng)絡)
創(chuàng)意UI設計的技巧有什么?對于這個問題,我們已經(jīng)在上文為大家進行了全面的解釋了,總之,希望大家看完之后,可以獲得全面的認識。


在微信中搜索faceui