首頁

優(yōu)秀手機應用設計需要遵循的8大原則

藍藍設計的小編

產(chǎn)品設計的原則有點太泛哈,藍藍設計這里想結(jié)合自己的工作心得來小結(jié)一下手機無線設計8原則:

原則1:用戶界面應該是基于用戶的心里模型,而不是基于工程實現(xiàn)模型

就是把后臺本來很復雜的事情通過設計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設計師把生活中的細節(jié)和數(shù)據(jù)結(jié)合的凝聚點,用戶的心理模型抓的越準,界面就會越優(yōu)秀。

#左邊界面#:大眾點評新版的價格的搜索就比之前改得更符合用戶心里模型;

排版的10個基本功

藍藍設計的小編

排版的基本功大家掌握多少呢,那么今天藍藍設計就和朋友們分享一下收集到的排版的10個基本功,希望對朋友們的ui設計有所幫助!

1、多花些時間

挑選合適的字體需要花費大量時間。但是不要一遍又一遍地讓自己陷入對同一類型的字體挑選中。因為人們往往習慣于從自己熟悉的字體或者偏愛的字體開始。多花些時間去發(fā)現(xiàn)探索新的類型,這樣你才能慢慢地發(fā)現(xiàn)自己對一種字體的細微差別的敏銳度,真正地讓字體自己告訴你合適不合適。

 

2、不要使用過多的字體

如果你的一個頁面里有十種不同的字體,那么你的排版一定會很難看??刂谱约菏褂迷缴俚淖煮w,將會讓你的頁面脫穎而出。同時你也可以在字體的大小、重量和其它方面創(chuàng)造更多的對比變化。

 

3、不要盲目趕潮流

教你幾招實用的設計排版技巧

藍藍設計的小編

一、門票:大門票產(chǎn)生大印象

讀者特利發(fā)給我們一張他設計的洗車券,這張洗車券是他希望為他兒子的游泳隊籌集在游泳池訓練的各種費用而舉行的一次洗車籌款,而它的有趣之處就在于其尺寸相當搶眼:


b2b2e10a62824c03b78d83cf9c9ca765 設計中排版的技巧(一)

沒有人會對它視而不見:這張洗車券是一般門票尺寸的兩倍之大,界面設計起來也很容易,從視覺上也非常能吸引有興趣的消費者。大圖片及大標題使這張洗車券產(chǎn)生一張海報的視覺效果,效果當然不錯。

8個不簡單的PS小技巧,早學早知道!

藍藍設計的小編

PS是ui設計領域最著名的軟件之一,是修圖、美顏的神器不二神器。作為一個網(wǎng)頁設計師,我早在學校里就學過PS,制作過許多網(wǎng)站設計、界面設計案例,不過我已經(jīng)畢業(yè)兩年了…歲月如刀,刀刀催人老啊…現(xiàn)今的PS不斷進化,衍生出了很多新的功能,而我呢,也跟著PS一同成長,學到了不少新知識~ 那么朋友們和藍藍設計一起學習這8個不簡單的PS小技巧吧!

8 Photoshop Tricks I Wish I Knew When I Was a Student

你應該到這里尋找網(wǎng)頁設計靈感

藍藍設計的小編

不是經(jīng)常有同學問去哪里尋找網(wǎng)頁界面設計的靈感么?告訴你吧,就是在這些網(wǎng)頁靈感畫廊里喲!用靈動的CSS打造的靈感畫廊遍及網(wǎng)絡,已有十多年的歷史,在浩瀚如海的網(wǎng)頁圖集中,總有某些站點觸動著網(wǎng)頁設計師的深處,激發(fā)著他們的靈感。本文試圖對這些充滿靈感的畫廊網(wǎng)站進行匯總。這些采用CSS3+HTML5制作的一流網(wǎng)站,通常都有專門的主題或者特定的內(nèi)容形式,均遵循了響應式設計和移動至上的理念。

藍藍設計這里收集了許多例風格精美、內(nèi)容豐富的CSS靈感畫廊,每一個網(wǎng)站都很專業(yè),收集了各式各樣的優(yōu)秀網(wǎng)頁設計。
ui設計師經(jīng)常需要尋找資源,圖像、素材、靈感都是不可或缺的。不妨閑暇時間看看這些畫廊,相信一定能夠啟發(fā)靈感應用到到你的界面設計中。

RWD JP

japanese responsive web design gallery showcase

如何有效布局信息繁雜的網(wǎng)站?

藍藍設計的小編

互聯(lián)網(wǎng)信息時代,很多內(nèi)容為主的網(wǎng)站都信息過載,這導致了載入速度過慢。電商網(wǎng)站如此,新聞類網(wǎng)站也是如此,而一些設計師作品集網(wǎng)站或者設計機構的網(wǎng)站也是如此,老實說,作為設計師,應該避免信息過載現(xiàn)象的出現(xiàn)。而一旦你掌握這些技巧,那么你離高薪酬的資深ui設計師也就不遠咯。

內(nèi)容主導的頁面布局會自然而然的繁雜、問題多,設計這種網(wǎng)站的過程,也是一個艱難的挑戰(zhàn),而且網(wǎng)站設計擁有者的目的是想給用戶提供更多的信息,信息會越來越多。當然,可以聽聽專家指導,堅持一些亙古不變的界面設計原則,來確保布局的組織良好和架構分明,這就能減少很多不必要的繁雜。

今天藍藍設計涵蓋了一堆信息量大,但是卻不雜亂的網(wǎng)頁設計,具備愉悅的即視感。不吹牛,您可以挨個點看感受一下:)

Action Film 
相當復雜的網(wǎng)站,但是在布局上很聰明將一堆小視頻組織的條理分明。登錄頁分成好幾條線,是的多媒體側(cè)邊欄。

Action Film

如何制作一個時尚的網(wǎng)頁!最有效的實踐技巧

藍藍設計的小編

想學習做時尚網(wǎng)站設計嗎?購物網(wǎng)站、時尚作品集、時尚部落格或者雜志都可以呦,這些網(wǎng)站的界面設計一個特點就是——都灰常受歡迎。怎么樣,你也心癢癢了吧?藍藍設計相信在你看這篇文章的同時,就已經(jīng)下定決心做一個自己的時尚網(wǎng)站,所以話不多說,直奔主題。今天要跟大家分享的是關于設計時尚網(wǎng)頁設計的一些知識,希望你能有所收獲~How to Create a Fashion Website - Latest Effective Practices and Tips

如何有好的用戶體驗?別忘了做錯誤反饋設計

藍藍設計的小編

人非圣賢,孰能無過?;ヂ?lián)網(wǎng)產(chǎn)品面向的用戶群體是多種多樣的,不同的教育背景,不同的行為習慣,這些都使得用戶真實的操作和產(chǎn)品設計時的設想會出現(xiàn)一定的出入。

近些年,隨著移動互聯(lián)網(wǎng)時代的到來,用戶會在各種千奇百怪的應用場景和環(huán)境中去使用產(chǎn)品。坐著還是躺著?在公交上還是在廁所里?處于安靜的環(huán)境還是嘈雜的環(huán)境?這些復雜多樣的使用場景使得針對用戶操作錯誤而進行的錯誤反饋設計變得尤為重要。

產(chǎn)品錯誤反饋設計舉例

產(chǎn)品錯誤反饋設計

移動UI中的6種主要導航模式

藍藍設計的小編

為一本簡易的UI模式參考書,《移動應用UI設計模式》非常適合移動應用開發(fā)人員、UI設計師閱讀,還沒買的同學們可以看看這本書關于移動UI設計中導航模式的經(jīng)驗分享。

正如精良的設計一樣,優(yōu)秀的導航也大象無形。不管是瀏覽好友信息,還是租賃汽車,完美的導航界面設計能讓用戶根據(jù)直覺使用應用程序,也能讓用戶非常容易地完成 所有任務。一款應用的導航可以被設計成各種樣式,但藍藍設計想著重介紹6種主要的導航模式,也就是主菜單的導航模式。

navigations

怎樣的網(wǎng)站才能打動人心?

藍藍設計的小編

最近幾年,網(wǎng)頁設計發(fā)生了翻天覆地的變化,現(xiàn)代設計的趨勢從擬物化逐漸向扁平化轉(zhuǎn)移,所以從最近瀏覽的網(wǎng)頁中我們可以發(fā)現(xiàn),網(wǎng)站里的字體變多了,變大了,網(wǎng)頁都是以內(nèi)容為主,最重要的是,網(wǎng)頁登陸速度迅速了許多。

而這一切的改變給用戶帶來了清新、整潔、干凈的體驗。今天藍藍設計大家整理了一些以清新、干凈為主題的網(wǎng)站界面設計,它們都用自己的方式詮釋了對扁平化的理解,趕緊來看看吧~

Themes Kingdom

Themes Kingdom homepage clean web design modern responsive web inspiration

日歷

鏈接

個人資料

藍藍設計的小編 http://363858.cn

存檔