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

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

系統(tǒng)界面設(shè)計(jì)軟件都有什么呢?好看的系統(tǒng)界面怎么設(shè)計(jì)呢?

Time: 2019-12-26


相信現(xiàn)在越來(lái)越關(guān)注系統(tǒng)界面的好看度了,一個(gè)好看的系統(tǒng)界面能夠帶給我們很多快樂(lè),能夠讓我們喜歡這個(gè)系統(tǒng),那么系統(tǒng)界面設(shè)計(jì)軟件都有什么呢,下面我們就一起來(lái)看看。


系統(tǒng)界面設(shè)計(jì)軟件

1. Adobe After Effects

  AE這個(gè)軟件我想大家都知道,火得一塌糊涂,如果沒(méi)猜錯(cuò)的話,它目前屬于設(shè)計(jì)師學(xué)動(dòng)效的首選。

  它的特點(diǎn)就是強(qiáng)大且牛逼,基本上要的功能都有。UI交互設(shè)計(jì)其實(shí)只是用到了這個(gè)軟件很小的一部分功能而已,要知道很多美國(guó)大片都是通過(guò)它來(lái)進(jìn)行后期合成制作的,配合PS和AI等自家軟件來(lái)說(shuō),更是得心應(yīng)手。dribbble上炒雞多的大神都是用這個(gè)軟件在show哦,畢竟這個(gè)軟件做demo那是很厲害的~

  但是有些效果程序猿不見得能夠幫你實(shí)現(xiàn)出來(lái), 因?yàn)閷?shí)際的項(xiàng)目產(chǎn)品受太多的制約,木有那么多程序猿會(huì)沒(méi)事給你做動(dòng)效的!

  2. Adobe Photoshop

  可能很多人都認(rèn)為ps只用來(lái)作圖和處理圖像的,并不知道ps可以做gif~然而當(dāng)AE沒(méi)有火起來(lái)的時(shí)候,我們這些老ui設(shè)計(jì)師們都是用ps做gif,用flash做demo(過(guò)去我們只需要做PC桌面的動(dòng)效)。如果沒(méi)記錯(cuò)的話,ps從cs6之后開始進(jìn)一步加強(qiáng)了動(dòng)效的模塊,現(xiàn)在的版本能夠?qū)崿F(xiàn)很多相對(duì)復(fù)雜的動(dòng)效~

3. Adobe Flash

  Flash可以說(shuō)是過(guò)去的王者,也是由于時(shí)代的發(fā)展原因,現(xiàn)在基本被淘汰了,這里不多做解釋,具體可以百度——據(jù)說(shuō)特別耗費(fèi)cpu和占用內(nèi)存,軟件里面有都爆卡~不淘汰才怪,現(xiàn)在很多很low的網(wǎng)頁(yè)游戲還在用這種技術(shù)~

  4. Origami

  這個(gè)軟件可以用一句話來(lái)形容——超強(qiáng)大的高難度原型工具,要是沒(méi)點(diǎn)代碼知識(shí)做壓驚~~建議遠(yuǎn)處觀望就好~


1.jpg

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


  5. Hype 3

  hype 3也算是火了一小段時(shí)間的,號(hào)稱無(wú)代碼動(dòng)效神器,像AE一樣使用時(shí)間軸就做可互動(dòng)的動(dòng)畫。PC、手機(jī)、pad端都可以直接訪問(wèn)(以web的形式),也可以導(dǎo)出視頻或者GIF。3.0版還有物理特性和彈性曲線,可以發(fā)揮更強(qiáng)大的動(dòng)畫效果。對(duì)中國(guó)人來(lái)講,它原生支持中文這一點(diǎn)也非常棒!配合sketch效果也是杠杠的!

  6. Flinto

  界面跟Sketch很像,如果會(huì)用sketch那么上手很快。它能夠快速實(shí)現(xiàn)各種滾動(dòng)、轉(zhuǎn)場(chǎng)、點(diǎn)擊反饋效果,手機(jī)和電腦端的預(yù)覽都非常的流暢,貌似現(xiàn)在用的人不少~

  7. Principle

  這個(gè)軟件的和上面的flinto有點(diǎn)類似,界面和sketch類似,同時(shí)配合sketch也是非常方便。它主要是做2個(gè)頁(yè)面間過(guò)渡專場(chǎng)特效,元素切換,細(xì)節(jié)動(dòng)效的工具。優(yōu)點(diǎn)很明顯,效率高,質(zhì)感好,缺點(diǎn)就是不能做整套原型。

  8. CINEMA 4D

  說(shuō)到C4D或者大家第一反應(yīng)是它是三維軟件啊~沒(méi)錯(cuò)!但是它做起動(dòng)效來(lái)也是帥破天際的~~下面是網(wǎng)絡(luò)上用C4d做的一些demo。

 

系統(tǒng)界面設(shè)計(jì)的目的是什么?

  1.簡(jiǎn)易性。界面的簡(jiǎn)潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯(cuò)誤選擇的可能性。

  2.用戶語(yǔ)言。界面中要使用能反應(yīng)用戶本身的語(yǔ)言,而不是游戲設(shè)計(jì)者的語(yǔ)言。

  3.記憶負(fù)擔(dān)最小化。人腦不是電腦,在設(shè)計(jì)界面時(shí)必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩(wěn)定、有限,24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)用戶來(lái)說(shuō),瀏覽信息要比記憶更容易。

  4.一致性。是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致,風(fēng)格必須與游戲內(nèi)容相一致。

  5.清楚。在視覺(jué)效果上便于理解和使用。


2.jpg

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


  6.用戶的熟悉程度。用戶可通過(guò)已掌握的知識(shí)來(lái)使用界面,但不應(yīng)超出一般常識(shí)。

  7.從用戶的觀點(diǎn)考慮。想用戶所想,做用戶所做。用戶總是按照他們自己的方法理解和使用。通過(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物,完成更好的設(shè)計(jì)。

  8.排列。一個(gè)有序的界面能讓用戶輕松的使用。

  9.安全性。用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。

  10.靈活性。簡(jiǎn)單來(lái)說(shuō)就是要讓用戶方便的使用,但不同于上述。即互動(dòng)多重性,不局限于單一的工具(包括鼠標(biāo)、鍵盤或手柄)。

  11.人性化。高效率和用戶滿意度是人性化的體現(xiàn)。應(yīng)具備專家級(jí)和初級(jí)玩家系統(tǒng),即用戶可依據(jù)自己的習(xí)慣定制界面

  最后軟件產(chǎn)品的包裝應(yīng)該考慮保護(hù)好軟件產(chǎn)品,功能的宣傳融合于美觀中,可以印刷部分產(chǎn)品介紹,產(chǎn)品界面設(shè)計(jì)。

  

系統(tǒng)界面設(shè)計(jì)軟件都有什么呢?相信小伙伴讀完上面就知道了,上面推薦了有很多種,小伙伴肯定不用全部都學(xué)會(huì),只要把幾個(gè)學(xué)精學(xué)透就行了,相信小伙伴肯定能夠設(shè)計(jì)出好看的系統(tǒng)界面。


合作咨詢

上海(總部)

上海市浦東新區(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+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


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

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