雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

創(chuàng)意UI設(shè)計(jì)的技巧有什么? 為你全面整理

Time: 2020-03-10

        我們都知道UI設(shè)計(jì)如今已經(jīng)成為人們非常重視的內(nèi)容,當(dāng)然,有創(chuàng)意的UI設(shè)計(jì)才能夠贏(yíng)得更多的人氣,那么,各位朋友們想不想知道創(chuàng)意UI設(shè)計(jì)的技巧有什么?接下來(lái)就來(lái)為大家全面整理下吧。

  、好的UI設(shè)計(jì)的重要性

  好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位,還要讓軟件的操作變得舒適簡(jiǎn)單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。

  二、創(chuàng)意UI設(shè)計(jì)的技巧

  1.顏色

  大膽用色,對(duì)比強(qiáng)烈:現(xiàn)幾年的顏色設(shè)計(jì)趨勢(shì),用色都比較大膽,對(duì)比強(qiáng)烈,大膽的撞色得到更多設(shè)計(jì)師的青睞。

  通道色:這種顏色趨勢(shì)國(guó)外用的比較多,國(guó)外則采用的比較少。這種顏色的使用效果給人神秘和不可思議的感覺(jué),另一方面也會(huì)給人一種臟臟的感覺(jué)。比較適合一些面向國(guó)際的產(chǎn)品。

  全息幻彩:它有一個(gè)非常專(zhuān)業(yè)的詞:holographic;給人感覺(jué)迷人、夢(mèng)幻、多變。它也不僅僅運(yùn)用到UI設(shè)計(jì)里面,當(dāng)下很多手機(jī)殼的顏色也采用了全息幻彩的形式;

  鐳射虹彩漸變:(color-gel laser gradient),這是色彩的運(yùn)用早期在平面包裝運(yùn)用的比較多,去年才開(kāi)始流行于UI設(shè)計(jì)領(lǐng)域。

  名人色:即用人名命名的顏色,

  比如去年的爆款:莫蘭迪灰(延禧攻略),是一款非常高級(jí)的灰色系,特點(diǎn)是對(duì)比度低,如果內(nèi)容很多則不適合采用這款顏色,所以比較適合頁(yè)面留白較大,內(nèi)容較少的界面。

  克萊因藍(lán):被認(rèn)為是世界上最純粹,最干凈,最無(wú)瑕的藍(lán)色,是一款純度非常高的藍(lán)色。其實(shí)在UI里面看到的所謂克萊因藍(lán),都是降低了它的明度和飽和度,否則會(huì)很刺眼;

  愛(ài)麗絲藍(lán):淡淡的,很夢(mèng)幻的那種小女生的藍(lán)色;

  范戴克棕:膠片工藝?yán)锩娴?/span>

  品紅:注意品紅是名人色!

1583830280301979.jpg

  (圖片來(lái)自網(wǎng)絡(luò))

  2.頁(yè)面的排版布局

  更大的負(fù)空間:

  這兩年,UI設(shè)計(jì)在頁(yè)面的排版布局上有一個(gè)共性:更大的負(fù)空間,即所謂的留白。因?yàn)槲覀冊(cè)O(shè)計(jì)的所有的頁(yè)面的宗旨是為用戶(hù)體驗(yàn)設(shè)計(jì)的,用視覺(jué)的方式向用戶(hù)傳達(dá)頁(yè)面的內(nèi)容信息。我們?nèi)绾巫龅礁咝实南蛴脩?hù)傳達(dá)頁(yè)面的消息:

  少即是多(less is more)。

  簡(jiǎn)潔的頁(yè)面更適合用戶(hù)獲取內(nèi)容信息。

  負(fù)空間在所有設(shè)計(jì)領(lǐng)域都有適用。

  破型和錯(cuò)位疊加:

  這種排版設(shè)計(jì)趨勢(shì)與色彩趨勢(shì)有一點(diǎn)像,那就是大膽,使得頁(yè)面沒(méi)有那么中規(guī)中矩,死板;采用破型和錯(cuò)位疊加的設(shè)計(jì)方式會(huì)使得頁(yè)面更加靈活,生動(dòng)??梢赃\(yùn)用在banner圖、H5的運(yùn)營(yíng)頁(yè)面,大模塊的標(biāo)題……

  超大字體排版:

  讓用戶(hù)聚焦信息。這種排版趨勢(shì)這兩年特別的顯著,也是由iPhone和Airbnb做出來(lái)的設(shè)計(jì),從而引領(lǐng)了整個(gè)UI設(shè)計(jì)領(lǐng)域的設(shè)計(jì)風(fēng)格;從IOS10 開(kāi)始的大標(biāo)題,陸續(xù)的國(guó)內(nèi)很多APP也使用了這種大字號(hào)標(biāo)題的設(shè)計(jì),包括一些運(yùn)營(yíng)的頁(yè)面,H5……

  這種極度夸張的大小對(duì)比,能夠讓用戶(hù)迅速聚焦到內(nèi)容上面來(lái)。

  3.圖形圖案

  場(chǎng)景插畫(huà)盛行:

  UI界面的開(kāi)屏,引導(dǎo)頁(yè),缺省頁(yè),下拉刷新等等,都要求需要插畫(huà)設(shè)計(jì)。插畫(huà)設(shè)計(jì)在整個(gè)UI領(lǐng)域運(yùn)用的非常的廣泛,因?yàn)樗哂幸鬃x性、故事性、趣味性,更容易吸引用戶(hù)的注意。我們應(yīng)該考慮到用戶(hù)在各個(gè)方面的使用體驗(yàn),插畫(huà)則是一個(gè)很好的情感化設(shè)計(jì)的一部分。

  光感透氣疊加:

  這種設(shè)計(jì)形式比較適合運(yùn)用在一些科技類(lèi)產(chǎn)品領(lǐng)域,為產(chǎn)品增添更多的未來(lái)夢(mèng)幻感。還有一些數(shù)據(jù)可視化的設(shè)計(jì)也會(huì)采用這種形式。

  、設(shè)計(jì)師如何鍛煉自己的能力?

  一精多專(zhuān) 全面發(fā)展

  精代表有一個(gè)能力點(diǎn)是你必須很精通的,在團(tuán)隊(duì)里面是不可替代的位置;專(zhuān)則代表熟練且專(zhuān)業(yè);全面發(fā)展則是要熟悉所在行業(yè)的相關(guān)信息。

  熟練掌握多種軟件技能

  基礎(chǔ)通用能力:溝通表達(dá)能力,準(zhǔn)確獲取有效需求信息,清晰表達(dá)設(shè)計(jì)想法,獲得他人認(rèn)同

  分析挖掘能力,將獲取到的信息,進(jìn)行分析,挖掘更深層次的需求,可幫助我們抓到用戶(hù)真正的痛點(diǎn)。

  執(zhí)行力,能夠高效完成任務(wù)、在工作過(guò)程中主動(dòng)推動(dòng)任務(wù)前進(jìn)。

  系統(tǒng)專(zhuān)業(yè)方法論:專(zhuān)業(yè)的方法可以幫助我們更好的進(jìn)行設(shè)計(jì)工作

  頭腦風(fēng)暴 可用性測(cè)試 用戶(hù)訪(fǎng)談 A/B test 用戶(hù)畫(huà)像 角色扮演……

  創(chuàng)意設(shè)計(jì)思維&方法

  主要方法:

  1.聯(lián)想。聯(lián)想是創(chuàng)意設(shè)計(jì)思維最常用的方法,把你要設(shè)計(jì)的東西以一個(gè)核心事物為起點(diǎn),將與之有關(guān)的元素進(jìn)行聯(lián)想,聯(lián)想的越豐富,idea就會(huì)變得越多。

  聯(lián)想分不同類(lèi)型的聯(lián)想:橫向聯(lián)想、縱向聯(lián)想、關(guān)聯(lián)聯(lián)想。

  橫向聯(lián)想:圍繞核心事物進(jìn)行發(fā)散,只考慮與核心事物有直接關(guān)聯(lián)的,也就是一度關(guān)聯(lián)的事物

  縱向聯(lián)想:聯(lián)想后的一樣事物要與前一樣事物有關(guān)聯(lián),深挖下去,找到與核心事物有二度、三度、甚至五度、六度關(guān)聯(lián)的事物

  聯(lián)想的體系:整個(gè)聯(lián)想的體系就是一個(gè)事物的橫向聯(lián)想,然后再在某一個(gè)點(diǎn)上進(jìn)行縱向聯(lián)想。

  關(guān)聯(lián)聯(lián)想:聯(lián)想兩兩事物之間的共同之處,找他們的共性。

  聯(lián)想是一個(gè)非常基礎(chǔ)的尋找創(chuàng)意點(diǎn)的方法,我們應(yīng)該不停的進(jìn)行橫向與縱向交叉的聯(lián)想方法,最后你會(huì)發(fā)現(xiàn)你的靈感會(huì)井噴式的爆發(fā)出來(lái)。

  2.發(fā)散+聚斂

  聯(lián)想是一個(gè)思維發(fā)散的過(guò)程,我們也需要讓思維集中:聚斂。通過(guò)“發(fā)散——提出創(chuàng)造性設(shè)想”和“聚斂——對(duì)創(chuàng)造性設(shè)想進(jìn)行分析篩選”的反復(fù)交叉進(jìn)行,逐步達(dá)到預(yù)期目標(biāo)。

  3.現(xiàn)實(shí)映射

  從現(xiàn)實(shí)中提煉、抽象出的,可以是形態(tài)、色彩、質(zhì)感,也可以是運(yùn)動(dòng)方式、光學(xué)力學(xué)特性等物體中最有特征的部分。

1583830325286851.jpg

  (圖片來(lái)自網(wǎng)絡(luò))

  創(chuàng)意UI設(shè)計(jì)的技巧有什么?對(duì)于這個(gè)問(wèn)題,我們已經(jīng)在上文為大家進(jìn)行了全面的解釋了,總之,希望大家看完之后,可以獲得全面的認(rèn)識(shí)。


合作咨詢(xún)

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)