首頁

認(rèn)識UI設(shè)計師

用心設(shè)計

UI 的中文名是用戶界面(User interface),而我們現(xiàn)在使用的大多數(shù)設(shè)備界面都是圖形用戶界面,即 GUI(Graphical user interface)。我們通過這些可視化的圖形界面來理解計算機,進行工作。

但是最初的界面可不這么友好,那時的界面還是命令行界面,CLI(Command line interface)。計算機只是被政府或大型機構(gòu)使用,在普通人眼中是完全不能理解的存在。

UI設(shè)計需要什么樣的美術(shù)能力?

用心設(shè)計

在聊美術(shù)需求以前,我們先來聊一個跟繪畫有密切關(guān)系的東西:素描

 

拿什么拯救你,“尷尬”的UI界面?(一)

用心設(shè)計

在我的小心臟都快停跳了的時候,我的電影突然出現(xiàn)了。

這一點都不人性化好嗎?

相比之下,播放影片的界面就好多了。在遠程遙控上點擊”播放”后,屏幕中顯示出整潔的提示,告訴我影片即將開始播

appletv

App設(shè)計者需要注意的21條禁忌

用心設(shè)計

我們通常在做APP設(shè)計的過程中,遇到很多看似很小,且很容易被忽略的問題,正是這些小問題,一次次的撩撥用戶的耐心,讓用戶對你的APP心生怨念?,F(xiàn)在WeX5君嘔血為大家整理出APP設(shè)計的21條禁忌,希望與APP設(shè)計者的您共勉。

jinzhi

Bootstrap扁平化后臺管理界面欣賞之一

藍藍設(shè)計的小編

藍藍設(shè)計是一家專注而深入的設(shè)計公司,致力于提供有效、經(jīng)典卓越的設(shè)計,在工作中,目前有很多客戶選擇購買了Bootstrap ui的框架,客戶們選擇Bootstrap的原因是因為它的框架中許多組件已經(jīng)寫好,js等很方便直接引用,程序員們只需直接用就可以,可以把工作的重心放在后臺程序的開發(fā)上。但是Bootstrap ui只是提供了各種元素,無法直接使用,需要進行二次設(shè)計和開發(fā)。藍藍設(shè)計做了許多這樣的工作,包括整合客戶的業(yè)務(wù)和需求重新設(shè)計頁面的風(fēng)格和布局,最后切圖修改Bootstrap ui的css,這里是我們工作前收集的國外各種風(fēng)格扁平化后臺管理界面,做成系列欣賞,與大家分享~~~~

ui_1x.png

IOS中4種UI元素的可用性問題及優(yōu)化建議

用心設(shè)計

這周又是一篇來自Nielsen Norman Group的文章。供參考吧,這種文章背后的思維模式甚至是精神才是最該汲取的,內(nèi)容本身反而是其次;這樣的東西看的越多,實踐當(dāng)中具有代表性的產(chǎn)品案例經(jīng)歷的越多,你越會發(fā)現(xiàn),設(shè)計這種事,在很多時候,無明無暗,無是無非,有的只是特定的產(chǎn)品、特定的資源、特定的情境、特定的用戶群體,以及所有這些因素混雜在一起之后擺在面前的需要不斷權(quán)衡、爭取或妥協(xié)的各種可能性。下面進入正文。那些大的軟件公司,譬如Apple、微軟、Google等等,通常會為第三方app設(shè)計師們提供一系列設(shè)計指南。這樣做的目的在于

01-ios-design-guideline-mode-break-usability-test.png

巧用視錯覺 UI更有趣

用心設(shè)計

巧用視錯覺 UI更有趣

格式塔原理解釋了人們?nèi)绾我砸曈X方式感覺物體,以及圖像的結(jié)構(gòu),視角,大小等要素是如何影響我們的視覺的。

在下面這篇文章中,我們首先會簡單介紹一下格式塔原理中的基本概念,然后再詳細探討一下如何將它們應(yīng)用于今日的UI設(shè)計中。

UI和交互設(shè)計師 Virgil Pana 的界面/網(wǎng)頁動效設(shè)計

藍藍設(shè)計的小編

轉(zhuǎn)載一組追波上設(shè)計大師 Virgil Pana 的動效作品

UI和交互設(shè)計師 Virgil Pana 的界面/網(wǎng)頁動效設(shè)計UI和交互設(shè)計師 Virgil Pana 的界面/網(wǎng)頁動效設(shè)計


UI設(shè)計的整個工作流程是怎樣的?

用心設(shè)計

4. All wireframe 全部界面線框圖

主要負(fù)責(zé)人:交互設(shè)計師

此環(huán)節(jié)交互設(shè)計師要完成全部界面的線框圖(1:1的)設(shè)計并且團隊確認(rèn)。

*做完全部的線框圖,一般會出一個總結(jié)構(gòu)圖。如果有足夠大的場地,也可以逐頁打印出來貼到一面墻上。方便團隊隨時參考。

提升說服力!教你讀懂UI設(shè)計的心理學(xué)

周周

提升說服力!教你讀懂UI設(shè)計的心理學(xué)

@abo_abo 作為UI設(shè)計師,對待用戶就像對待嬰兒,知道如何通過界面設(shè)計誘導(dǎo)用戶非常重要,這就需要了解心理學(xué)方面的知識了。今天分享一篇日本設(shè)計師的好文,結(jié)合心理學(xué)與設(shè)計,教你讀懂心理學(xué),提高說服力。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔