首頁

如何更好地設(shè)計(jì)手機(jī)軟件界面

ui設(shè)計(jì)分享達(dá)人

手機(jī)已經(jīng)成為大多數(shù)人的使用方式,所以手機(jī)用戶界面成為基本用戶界面,這也成為許多設(shè)計(jì)者考慮設(shè)計(jì)手機(jī)軟件或者以網(wǎng)頁為基準(zhǔn)的手機(jī)應(yīng)用的因素。讓我們現(xiàn)在去測(cè)試一些普通的手機(jī)軟件UI元素來看看一些新手怎么完成他們,以及從中發(fā)掘更好的方式去解決問題。

盡可能的限制文本輸入

大多數(shù)的手機(jī)程序都提供一個(gè)文本框來捕捉用戶的反饋信息。然而我認(rèn)為文本信息框應(yīng)該只運(yùn)用在一些必要的時(shí)刻,密碼輸入框就是一個(gè)完美的例子。

即使是大屏手機(jī)用戶,他們打字的體驗(yàn)度也不會(huì)比電腦用戶更加舒適,因此打字輸入的功能應(yīng)該在許多方面盡可能減少。

像素化設(shè)計(jì)」熱潮來襲,不止是因?yàn)椤赋?jí)馬里奧」

周周

1985年,任天堂的設(shè)計(jì)師們用一格一格徒手填像素的方法,創(chuàng)造了席卷一代人的游戲《超級(jí)馬里奧》。在今日,即便全高清3D渲染畫面已然成為游戲界主流,作為對(duì)經(jīng)典的永恒致敬,像素化游戲仍然擁有不可磨滅的影響力,而像素化設(shè)計(jì)作為一種游走在復(fù)古與潮流之間的探索,也在用獨(dú)特魅力招徠一批批年輕消費(fèi)者的心。

uisdc-tz-201611051

網(wǎng)站|內(nèi)容策略讓你的網(wǎng)頁比以前更優(yōu)秀

藍(lán)藍(lán)設(shè)計(jì)的小編

有意義的內(nèi)容

任何成功的內(nèi)容策略下產(chǎn)出的內(nèi)容對(duì)于用戶而言都是有意義的。雖然每個(gè)人對(duì)此看法不同,但是 Usability.gov 為你提供的這個(gè)清單還是相當(dāng)值得參考的:

·反映出你所整理出的目標(biāo)和用戶的實(shí)際需求
·理解用戶所想并且能系統(tǒng)化地闡述出來
·以用戶能夠理解的方式呈現(xiàn)出來
·讓內(nèi)容有用
·保持更新
·確保所有人都能訪問
·保持一致
·始終能被搜索引擎發(fā)現(xiàn)


交互丨新人交互設(shè)計(jì)師如何把知識(shí)能力體系化?

用心設(shè)計(jì)

 Arale:碎片化閱讀的時(shí)代,很多剛?cè)胄械脑O(shè)計(jì)師都喜歡用碎片時(shí)間充電,看看公眾號(hào),看看設(shè)計(jì)博客,零散的知識(shí)信息點(diǎn)缺少了一些整理和總結(jié),因此基礎(chǔ)也就不夠堅(jiān)實(shí)了。尤其是想要得到更進(jìn)一步能力提升的時(shí)候,就會(huì)發(fā)現(xiàn)真的會(huì)有些吃力。在幾個(gè)月以前我就面臨著這樣的困境,感覺自己很難在現(xiàn)有設(shè)計(jì)水平上有大的提升,經(jīng)過不斷地自我反省,自我總結(jié),我將原因歸結(jié)于,基礎(chǔ)知識(shí)能力沒有及時(shí)得到與經(jīng)驗(yàn)相匹配的提升,故而在經(jīng)歷了項(xiàng)目經(jīng)驗(yàn)帶來的飛速提升之后,就陷入了一個(gè)長(zhǎng)久瓶頸期。也就是基礎(chǔ)不夠扎實(shí),知識(shí)能力不成體系。

好在找到了問題癥結(jié),也就有了下一階段努力的方向,現(xiàn)在我將自己對(duì)于交互設(shè)計(jì)師所需要打下的知識(shí)能力基礎(chǔ),更系統(tǒng)更體系化地分享給大家,希望能對(duì)那些跟我有同樣困惑和問題的同行有些許幫助。


Image title

關(guān)于用戶體驗(yàn)設(shè)計(jì)中最常見的誤解&為什么他們不適用?

資深UI設(shè)計(jì)者

#用研##用戶體驗(yàn)#UX Myths網(wǎng)站收集了很多關(guān)于用戶體驗(yàn)設(shè)計(jì)中最常見的誤解和解釋了為什么他們不適用。現(xiàn)在將這些經(jīng)驗(yàn)研究整理出來,為各位設(shè)計(jì)從業(yè)者做參考,避免依賴個(gè)人的主觀經(jīng)驗(yàn)來做判斷。建議你閱讀完之后,還是應(yīng)該結(jié)合自身的經(jīng)驗(yàn)來審視你的設(shè)計(jì)是否滿足用戶的需求。

JavaScript之this指針深入詳解

藍(lán)藍(lán)設(shè)計(jì)的小編

javascript中的this含義非常豐富,它可以是全局對(duì)象,當(dāng)前對(duì)象或者是任意對(duì)象,這都取決于函數(shù)的調(diào)用方式。函數(shù)有以下幾種調(diào)用方式:作為對(duì)象方法調(diào)用、作為函數(shù)調(diào)用、作為構(gòu)造函數(shù)調(diào)用、apply或call調(diào)用。

對(duì)象方法調(diào)用

作為對(duì)象方法調(diào)用的時(shí)候,this會(huì)被綁定到該對(duì)象。

var point = { 
 x : 0, 
 y : 0, 
 moveTo : function(x, y) { 
     this.x = this.x + x; 
     this.y = this.y + y; 
     } 
 }; 

 point.moveTo(1, 1)//this 綁定到當(dāng)前對(duì)象,即 point 對(duì)象

做包裝設(shè)計(jì)需要把握的4大技巧

ui設(shè)計(jì)分享達(dá)人

產(chǎn)品離不開包裝,包裝離不開設(shè)計(jì)。很多商品包裝的品味上不去也就直接影響了商品在市場(chǎng)上面的銷路,最終也就影響了商家或廠家的經(jīng)濟(jì)效益。那么怎么才能讓包裝設(shè)計(jì)更有品味呢?今天我們就來分享下包裝設(shè)計(jì)的一些設(shè)計(jì)技巧,來讓我們的設(shè)計(jì)更有品味。

(1)文字設(shè)計(jì)。文字是傳達(dá)思想、交流感情和信息,表達(dá)某一主題內(nèi)容的符號(hào)。商品包裝上的牌號(hào)、品名、說明文字、廣告文字以及生產(chǎn)廠家、公司或經(jīng)銷單位等,反映了包裝的本質(zhì)內(nèi)容。設(shè)計(jì)包裝時(shí)必須把這些文字作為包裝整體設(shè)計(jì)的一部分來統(tǒng)籌考慮。

軟件登錄界面設(shè)計(jì)需要把握的4個(gè)要點(diǎn)

ui設(shè)計(jì)分享達(dá)人

 

現(xiàn)實(shí)生活中,我們接觸大大小小的軟件各式各樣,要進(jìn)入軟件內(nèi)部進(jìn)行操作,就必須要先在登錄界面輸入用戶名和密碼!今天要分享的內(nèi)容就是軟件的登錄界面設(shè)計(jì)。我們不要小看了這個(gè)登錄界面,簡(jiǎn)簡(jiǎn)單單的幾個(gè)小框,里邊所要把握的設(shè)計(jì)元素卻有很多,其中最重要的就是用戶體驗(yàn),那么怎樣才能設(shè)計(jì)好一個(gè)登錄界面,給用戶一個(gè)好的體驗(yàn)?zāi)兀?/span>

(1)、對(duì)錯(cuò)誤密碼的保存問題。這一點(diǎn)更多的是從技術(shù)上的手段,當(dāng)用戶第一次輸入輸入的密碼是不正確的時(shí)候,系統(tǒng)就可以在得出密碼輸入錯(cuò)誤后的同時(shí)將這個(gè)錯(cuò)誤密碼保存在會(huì)話當(dāng)中,接著,如果用戶第二次或第三次再次輸入這個(gè)錯(cuò)誤的密碼時(shí),系統(tǒng)就可以在與用戶交互的界面上提示密碼錯(cuò)誤,通過這種技術(shù)的處理方式,可以就可以減少用戶密碼輸錯(cuò)的機(jī)會(huì),同時(shí)也可以減少一次登錄信息到服務(wù)器的驗(yàn)證,從而一次減少服務(wù)器的處理負(fù)擔(dān)。很多時(shí)候用戶輸入的密碼其實(shí)都是錯(cuò)誤的,因?yàn)槊艽a輸入框都是以密文*號(hào)的形式出現(xiàn),所以將錯(cuò)誤密碼保存起來更有利于網(wǎng)站登錄界面的友好性。

APP界面設(shè)計(jì),細(xì)節(jié)提升氣質(zhì)

ui設(shè)計(jì)分享達(dá)人

隨著移動(dòng)端扁平化設(shè)計(jì)推進(jìn),越來越多的設(shè)計(jì)師不滿足于僅僅是色塊、圖標(biāo)和系統(tǒng)字體的枯燥組合,而把更多的心思投入到精益求精的視覺設(shè)計(jì)中。從平面設(shè)計(jì)引申過來的技巧在這時(shí)起到了畫龍點(diǎn)睛的作用:一些細(xì)節(jié)上的處理,為移動(dòng)產(chǎn)品的界面大大地提升了品牌逼格。


例如以設(shè)計(jì)精美著稱的Yahoo的兩款明星App產(chǎn)品Yahoo Weather!和Yahoo Digest。除了在產(chǎn)品設(shè)計(jì)上的和突出表現(xiàn)外,模糊和斜切的手法,給整個(gè)產(chǎn)品的品牌氣質(zhì)提升到了一個(gè)新的高度。 Yahoo Weather! 不論是在布局、字體和色彩的運(yùn)用上都顯得精致細(xì)膩,滑動(dòng)時(shí)高斯模糊的處理更是流暢平滑。Yahoo Digest 的斜切突出一個(gè)“破”,在不影響照片內(nèi)容的前提下,既能在視覺上顯得與眾不同,又在排版上巧妙地為色彩標(biāo)簽留了一角之地。比起一刀平,更顯靈動(dòng)而不失平衡感。

專訪丨男神設(shè)計(jì)師青山周平,令千萬人驚嘆的夢(mèng)想改造家

藍(lán)藍(lán)設(shè)計(jì)的小編

uisdc-tz-2016110621

△ 在節(jié)目《夢(mèng)想改造家》中,青山團(tuán)隊(duì)對(duì)胡同的「極限改造」

現(xiàn)在很多在城市里生活的年輕人,已經(jīng)越來越失去了家的概念。

他們?cè)谕獾厣?,即使在老家還有父母的房子,但那座房子也許并沒有多少自己生活過的痕跡。這個(gè)時(shí)候你雖然可以回家,但房子卻已經(jīng)沒有家的概念了。

將來越來越多的家庭將以「一個(gè)人」的形式存在,但現(xiàn)在中國(guó)有13億人,不可能每個(gè)人都有一個(gè)廚房、一個(gè)衛(wèi)生間、一個(gè)客廳、一個(gè)陽臺(tái)……


日歷

鏈接

個(gè)人資料

存檔