首頁

淺談UI設(shè)計的發(fā)展與本質(zhì)

ui設(shè)計分享達人

 UI是User Interface的簡稱,即用戶界面,它是用戶和系統(tǒng)進行交互活動和信息傳遞的一個媒介,是介于用戶與硬件設(shè)備之間的軟件,目的是讓用戶給硬件發(fā)出正確的命令并得到友好的反饋。而UI設(shè)計的目的就是讓用戶與在與硬件溝通的時候有一個良好的交互過程。其特點是: 

  首先,其通過圖形的方式來將枯燥的數(shù)字以及文字信息轉(zhuǎn)化為人類易于快速識別的圖像。丹麥物理學(xué)家,托爾·諾蘭德拉斯(Tor Norretranders)對人類感官的敏感度比喻為計算機屬于:視覺好比互聯(lián)網(wǎng)1250MB/s的速度來接受信息,觸覺好比一個USB的接口有125MB/s,而聽覺和嗅覺就好比傳統(tǒng)的硬盤,只有12.5MB/s的速度,還有就是味覺,就好比一個計算器而已,最后我們實際認知的信息量比計算器的更少。因此,視覺是這個世界上最容易也最快速傳遞信息的一種方式。 

Facebook設(shè)計師給你的8條警戒!

用心設(shè)計


在某個人生階段,哪怕遇到某類問題,也不見得會發(fā)現(xiàn),只能靠經(jīng)歷。一些前輩在設(shè)計路上的經(jīng)驗、彎路、轉(zhuǎn)折或許會幫你解惑迷茫。最近看到這篇文章,作者是
facebook設(shè)計VP Julie
Zhuo撰寫的。提到的觀點和意見似乎我都經(jīng)歷過,也都是那么的認同。分享給大家,也許這就是設(shè)計師必須經(jīng)歷的“捷徑”之路吧。

翻天覆地!帶你總結(jié)互聯(lián)網(wǎng)設(shè)計圈這十年的巨大變遷

周周

編者按:互聯(lián)網(wǎng)帶來的變化是翻天覆地的,這種變化不僅僅表現(xiàn)在它對于外部世界、對于我們生活的影響,它本身的轉(zhuǎn)變則顯得更加巨大。而設(shè)計領(lǐng)域在互聯(lián)網(wǎng)的影響之下,變化也非常的明顯,也許看了今天的總結(jié),你也會為這種改變而驚嘆。

十年前的互聯(lián)網(wǎng),和現(xiàn)在非常的不一樣。就在10年以前,Envato 誕生了。在過去的10年間,Envato 見證了整個互聯(lián)網(wǎng)領(lǐng)域在設(shè)計上的變遷,今天的文章,我們就總結(jié)一下這10年來的變化,以為紀念。這10年來的互聯(lián)網(wǎng)領(lǐng)域在設(shè)計上的變化,確實不是一篇文章足以完全承載的。從MySpace的崛起到iPhone的興盛,擬物化設(shè)計走到了巔峰再到極簡和扁平化的興起,能說的事情太多,如果真的是聊設(shè)計趨勢和技術(shù)沿革,一本書都不夠講述其中的梗概。那么,不如讓我們通過這十年間設(shè)計領(lǐng)域的“關(guān)鍵時刻”,來一窺這巨大的改變吧。

信息可視化介紹及圖例

藍藍設(shè)計的小編

1.jpg

數(shù)據(jù)可視已經(jīng)是過去的事了,現(xiàn)在流行的是信息可視。不必多加解釋,一張出色的Infographic蘊含的巨大信息量,勝過文字一萬倍。

如今,圖表已經(jīng)不能叫做圖表,線形圖、柱形圖、餅狀圖已經(jīng)完全落后,以往人們把數(shù)據(jù)資料以視覺化的方式表現(xiàn)出來,這種做法現(xiàn)在變成了“創(chuàng)意可視化信息圖形”(Infographic)。在Google上搜索“Infographic”,可以搜索到6440000項結(jié)果,及無數(shù)讓你目眩神迷的色塊、線條和圖形的組合。


潤物細無聲!卡片式設(shè)計是如何占領(lǐng)設(shè)計圈的?

用心設(shè)計

正如同你所看到的,充滿魅力的卡片式設(shè)計已經(jīng)不僅僅是設(shè)計趨勢了,它早已流行開來。這種設(shè)計手法的流行很大程度上是得益于占據(jù)主流的移動端,響應(yīng)式設(shè)計成為標(biāo)準配置,簡約、扁平和極簡比以往任何時候都受歡迎,卡片式設(shè)計自然而然成為了大家的選擇。

交互的未來標(biāo)配!5個方法幫你設(shè)計好用的觸控手勢

周周

5-useful-touch-gesture-method-1

編者按:移動的觸控時代早已到來,您是否也與時俱進了呢?今天騰訊CDC這篇好文,從什么是觸控手勢、觸控手勢的使用場景/基本操作,有哪些好用的觸控手勢、手勢設(shè)計守則五個方面幫你全方位學(xué)習(xí)這個知識點,交互設(shè)計師來收!

重新審視正在流行的卡片式設(shè)計趨勢

用心設(shè)計

信息架構(gòu)與柵格系統(tǒng)

當(dāng)你查看任何卡片式設(shè)計的時候,你是無法忽視整個設(shè)計中貫穿始終的柵格系統(tǒng)。每一個卡片的邊緣都在整個設(shè)計中成為一套更大的柵格系統(tǒng)的一部分,他們在尺寸和間隙上保持著一致性與和諧性。

thespaces

21個超贊的網(wǎng)站UI設(shè)計風(fēng)格指南

博博

在網(wǎng)頁設(shè)計或APP UI設(shè)計中,為了更好的規(guī)范設(shè)計文檔,設(shè)計師通常會花時間去把各種UI元素組織起來,比如字體大小、段落行距、按鈕顏色、尺寸等等,制作 Style Guide 雖然會浪費一些時間,但卻有其它方面的好處,比如確保UI設(shè)計風(fēng)格保持一致性,讓開發(fā)人員遵循風(fēng)格指南去開發(fā),節(jié)省溝通時間。


文章為大家整理了21個不錯的UI設(shè)計說明范本,設(shè)計師們可以按照這個范本來為自己的項目做一個UI設(shè)計說明,有了這個設(shè)計風(fēng)格指南,也能看出自己的作品是否整潔規(guī)范并提高溝通效率啦。

拒絕不如改進!如何在用戶體驗與業(yè)務(wù)目標(biāo)之間尋求設(shè)計平衡點?

周周

balance-ux-and-target-1

@C7210 :在設(shè)計師眼中,似乎所有與業(yè)務(wù)、營銷相關(guān)的東西都是垃圾。首先,它們不是垃圾。其次,就算它們是垃圾,你覺得誰更應(yīng)該站出來做好清潔工作?你覺得誰更適合于將各種復(fù)雜、混亂、差勁的東西梳理清楚,整合成為既能讓用戶開心又能推動業(yè)務(wù)發(fā)展的表現(xiàn)形式?在很多時候,答案是“設(shè)計師”。

再作印證!2016年網(wǎng)頁設(shè)計領(lǐng)域11個流行趨勢預(yù)測

周周

web-design-trends-2016-1

來自 Medium 的設(shè)計師在這篇文章中預(yù)測了2016年最值得關(guān)注的設(shè)計趨勢,而老牌設(shè)計博客Designmodo 對此也有自己的看法。新的技術(shù)和新的設(shè)計趨勢會在2016年逐一涌現(xiàn),但是總體上來說,它依然會沿著2015的大趨勢來逐步演變??梢灶A(yù)見到的是,2016年會有更多的網(wǎng)站使用視頻背景,更多基于Material Design 風(fēng)格的界面設(shè)計,幻燈片式的界面切換也會繼續(xù)火熱下去。

Designmodo 對2016年預(yù)測的設(shè)計趨勢有11種,其中許多確實和Medium “所見略同”。兩相印證,應(yīng)該能讓你看的更明白。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔