首頁

優(yōu)秀設(shè)計師應(yīng)該知道的10大UI設(shè)計原則(下篇)

ui設(shè)計分享達人

上一篇我們整理了優(yōu)秀設(shè)計師應(yīng)該知道的10大設(shè)計原則上篇供大家學(xué)習(xí),今天,我們又整理了下篇的10大原則來和大家一塊探討,也歡迎廣大UI設(shè)計者參與討論,給我們多提寶貴的意見。

1)強烈的視覺層次感

如果要讓屏幕的視覺元素具有清晰的瀏覽次序,那么應(yīng)該通過強烈的視覺層次感來實現(xiàn)。也就是說,如果用戶每次都按照相同的順序瀏覽同樣的東西,視覺層次感不明顯的話,用戶不知道哪里才是目光應(yīng)當停留的重點,最終只會讓用戶感到一團糟。在不斷變更設(shè)計的情況下,很難保持明確的層次關(guān)系,因為所有的元素層次關(guān)系都是相對的:如果所有的元素都突出顯示,最后就相當于沒有重點可言。如果要添加一個需要特別突出的元素,為了再次實現(xiàn)明確的視覺層級,設(shè)計師可能需要重新考慮每一個元素的視覺重量。雖然多數(shù)人不會察覺到視覺層次,但這是增強設(shè)計的最簡單的方法。

【原創(chuàng)】SEO選詞的具體方法

ui設(shè)計分享達人

眾所周知,做SEO,成功的關(guān)鍵在于選詞。詞選不對,后續(xù)的工作做太多也只能是效果甚微甚至以失敗而告終。所以,今天就來簡單分享下SEO選詞的一些具體方法。

首先選詞要把握好三個要點:

能用HTML/CSS解決的問題就不要使用JS

藍藍設(shè)計的小編

為什么說能使用html/css解決的問題就不要使用JS呢?兩個字,因為簡單。簡單就意味著更快的開發(fā)速度,更小的維護成本,同時往往具有更好的體驗,下面介紹幾個實例。

1. 導(dǎo)航高亮

導(dǎo)航高亮是一種很常見的問題,包括當前頁面的導(dǎo)航在菜單里面高亮和hover時高亮。你可以用js控制,但是用一點CSS技巧就可以達到這個目的,不需要使用JS。

1.png

2.png

在正常態(tài)時,每個導(dǎo)航的默認樣式為:

專業(yè)能力之外,交互設(shè)計師應(yīng)該具備哪四個素質(zhì)?

周周

從今年4月份開始,我被安排負責(zé)一個直播項目,設(shè)計之路可謂曲奇坎坷,難得的設(shè)計經(jīng)驗讓我對交互設(shè)計本身有了一些新的認識。結(jié)合自身的感悟,我自認為交互設(shè)計師除了專業(yè)能力的要求外,還應(yīng)該具備以下素質(zhì):

1,業(yè)務(wù)深度帶來業(yè)務(wù)驅(qū)動力

在工作之初,我認為無論負責(zé)什么項目,交互設(shè)計都是一種解決復(fù)雜問題的能力,從設(shè)計分析到設(shè)計產(chǎn)出是具有絕對的普適應(yīng);而且隨著設(shè)計能力的提升,經(jīng)驗的積累,這種普適性更加凸顯;這一層我并不否認,但交互設(shè)計師只聚焦于普適性可能永遠都處于門外漢的水準;有機會專門負責(zé)直播項目,讓我不得不接觸和使用各種直播App,不得不和很多專門做直播的人合作,在這過程中,讓我對于直播業(yè)務(wù)有了深入了解。

舉個栗子,比如設(shè)計一個直播的發(fā)布流程。

文字!創(chuàng)意字體必備設(shè)計原則

ui設(shè)計分享達人

文字是人類文化的重要組成部分。無論在何種視覺媒體中,文字和圖片都是其兩大構(gòu)成要素。

文字排列組合的好壞直接影響視覺傳達效果。因此,文字設(shè)計是提高作品的訴求力,賦予作品審美價值的一種重要構(gòu)成技術(shù)。那么字體設(shè)計有什么要求呢?


整體風(fēng)格的統(tǒng)一



以用戶體驗為導(dǎo)向的設(shè)計表現(xiàn)

ui設(shè)計分享達人

國內(nèi)的互聯(lián)網(wǎng)起步很晚,早期的互聯(lián)網(wǎng)設(shè)計也都較為“簡陋”,甚至多數(shù)界面純粹由程序同學(xué)自行搭建,所以相
對來說界面視覺設(shè)計上呈現(xiàn)的效果都不盡人意。隨著發(fā)展之迅速,人才噴涌,界面設(shè)計上越來越美觀好看,在經(jīng)歷由擬物化到扁平化的轉(zhuǎn)變過程中,人們也不再單純
關(guān)注于表象層面的美觀與否,更加重視瀏覽、操作、使用過程中的體驗效果,所以“用戶體驗”越來越被用戶所關(guān)注!

引用看到過的一句話:”海底撈的服務(wù)是設(shè)計出來的,沃爾瑪?shù)瘸械纳唐窋[位也是設(shè)計出來的,蘋果的產(chǎn)品就更不用說了。 而這一切的設(shè)計都要以“用戶體驗”為導(dǎo)向,要從滿足用戶最基本的心里需求出發(fā),要不斷的差異化 創(chuàng)新產(chǎn)品和服務(wù)得到用戶的認可?!?/span>

“用戶體驗”之于產(chǎn)品是從用戶了解到宣傳信息到使用該產(chǎn)品一直到結(jié)束整個過程中都一直存在,而設(shè)計作為產(chǎn)品的表現(xiàn)層,是用戶有形之中能看的到的,所以以用戶體驗為導(dǎo)向的設(shè)計所應(yīng)有的表現(xiàn)我歸納為以下三點(當然并非只有這三點):


[原創(chuàng)]SEO應(yīng)該怎么做

ui設(shè)計分享達人

SEO
因為其成本低效果好的獨有特點,基本上成為了每個公司都會投入的一個點。但是SEO工作者除了每天更新文章,發(fā)布外鏈之外,到底應(yīng)該怎么去做呢?SEO工
作也是一套系統(tǒng)的流程,如果僅僅是每天發(fā)布外鏈,更新文章,那估計是很難達到網(wǎng)站預(yù)期的一個效果,今天我們就來分享一下SEO有哪些具體的流程,應(yīng)該怎么
去開展SEO工作。

打造屬于你自己的微信表情

用心設(shè)計


關(guān)于微信表情制作的一些經(jīng)驗分享

Image title

JavaScript 閉包的底層運行機制

藍藍設(shè)計的小編

當JavaScript在運行的時候,它需要一些空間讓它來存儲本地變量(local variables)。我們將這些空間稱為作用域?qū)ο螅⊿cope object),有時候也稱作LexicalEnvironment。例如,當你調(diào)用函數(shù)時,函數(shù)定義了一些本地變量,這些變量就被存儲在一個作用域?qū)ο笾?。你可以將作用域函?shù)想象成一個普通的JavaScript對象,但是有一個很大的區(qū)別就是你不能夠直接在JavaScript當中直接獲取這個對象。你只可以修改這個對象的屬性,但是你不能夠獲取這個對象的引用。

作用域?qū)ο蟮母拍钍沟肑avaScript和C、C++非常不同。在C、C++中,本地變量被保存在棧(stack)中。在JavaScript中,作用域?qū)ο笫窃诙阎斜粍?chuàng)建的(至少表現(xiàn)出來的行為是這樣的),所以在函數(shù)返回后它們也還是能夠被訪問到而不被銷毀。

不止是劃條線!移動端UI中常見的視覺分隔設(shè)計技巧

周周

乍一看許多APP的布局并不復(fù)雜,感覺換成自己也能設(shè)計出來,但是當你真的開始著手設(shè)計這么一個APP的原型的時候,會發(fā)現(xiàn)事情并不是那么簡單。看著別人已經(jīng)設(shè)計完成的設(shè)計可能覺得不難,可是當自己動手的時候,在特定的元素的選取和設(shè)計上很容易陷入困局,這個時候才明白它的難點并不在于工作量的多少,設(shè)計者常常深陷于細節(jié)構(gòu)建的囹圄,這才是它的困難之處。即使是元素與元素之間的分隔方式,都能隨隨便便用一整篇文章來進行探討。

傳統(tǒng)的分隔方式

在UI界面中,最傳統(tǒng)也是最常見的分隔方式用的是線,將視覺上或者內(nèi)容上需要區(qū)分的內(nèi)容用橫向或者縱向的細線區(qū)分開來,它幫助用戶了解頁面的層次結(jié)構(gòu),賦予頁面內(nèi)容以組織性。

1-A2lLUDOWFDjePhePR5WcsA 

日歷

鏈接

個人資料

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

存檔