首頁(yè)

有趣新穎的網(wǎng)站設(shè)計(jì)趨勢(shì)

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

今天藍(lán)藍(lán)設(shè)計(jì)就再來(lái)詳細(xì)的聊聊其中一些新穎的網(wǎng)站設(shè)計(jì)趨勢(shì),并且都用網(wǎng)站界面設(shè)計(jì)案例解析的形式推薦給大家,希望對(duì)您UI設(shè)計(jì)有啟發(fā):)

更多網(wǎng)站界面設(shè)計(jì)案例解析:http://www.363858.cn/

1、The Daily Beast

鼓勵(lì)用戶一直往下瀏覽

2

怎樣制作一個(gè)時(shí)尚的網(wǎng)頁(yè)!

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

UI設(shè)計(jì)師想學(xué)習(xí)做時(shí)尚網(wǎng)站嗎?購(gòu)物網(wǎng)站、時(shí)尚作品集、時(shí)尚部落格或者雜志都可以呦,這些網(wǎng)站界面設(shè)計(jì)的一個(gè)特點(diǎn)就是——都灰常受歡迎。怎么樣,你也心癢癢了吧?我相信在你看藍(lán)藍(lán)設(shè)計(jì)這篇文章的同時(shí),就已經(jīng)下定決心做一個(gè)自己的時(shí)尚網(wǎng)站設(shè)計(jì),所以話不多說(shuō),直奔主題。今天要跟大家分享的是關(guān)于設(shè)計(jì)時(shí)尚網(wǎng)頁(yè)的一些知識(shí),希望你能有所收獲~

How to Create a Fashion Website - Latest Effective Practices and Tips

移動(dòng)界面設(shè)計(jì)新趨勢(shì)你知道多少?

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

如果你是一個(gè)APP狂熱分子,你會(huì)花大量的時(shí)間在各種APP界面設(shè)計(jì)的嘗鮮中,你會(huì)明顯感受到一些APP在采用著某種風(fēng)格鮮明的設(shè)計(jì)語(yǔ)言,來(lái)標(biāo)榜自己的獨(dú)特之處,形成自己的界面設(shè)計(jì)風(fēng)格,甚至引領(lǐng)設(shè)計(jì)風(fēng)向。去年我們關(guān)注到隨著Metro設(shè)計(jì)風(fēng)格的影響和iOS7的發(fā)布,APP明顯都開始嘗試扁平化的設(shè)計(jì)語(yǔ)言了,除此之外,還有哪些顯性化的設(shè)計(jì)語(yǔ)言嶄露頭角呢?

在這篇文章里,藍(lán)藍(lán)設(shè)計(jì)想分享一些日益顯性的UI設(shè)計(jì)語(yǔ)言,讓人一眼就記住它的風(fēng)格,有一些已經(jīng)隨著優(yōu)秀設(shè)計(jì)師的摸索,融入到國(guó)內(nèi)移動(dòng)產(chǎn)品設(shè)計(jì)里了,而有一些,確實(shí)是剛剛在萌芽階段,需要更進(jìn)一步的摸索和嘗試。

一、唯一主色調(diào) | Simple color schemes

為什么我們要定義一個(gè)界面多種顏色??jī)H僅用一個(gè)主色調(diào),是不是就能夠很好的表達(dá)界面層次、重要信息,并且能展現(xiàn)良好的視覺效果?事實(shí)上也正是如此,隨著iOS7的發(fā)布,我們看到越來(lái)越多唯一主色調(diào)風(fēng)格的設(shè)計(jì),會(huì)采用簡(jiǎn)單的色階,配套灰階來(lái)展現(xiàn)信息層次,但是絕不采用更多的顏色。

設(shè)計(jì)之路,網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該知道的心理學(xué)

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

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過(guò)對(duì)人類心理的推敲,我們討論人社會(huì)心理,這能夠幫助創(chuàng)業(yè)公司開拓市場(chǎng),因?yàn)槭軞g迎的內(nèi)容和大眾心理有著最直接的關(guān)系。問(wèn)題的關(guān)鍵是,很多心理學(xué)對(duì)于網(wǎng)站ui設(shè)計(jì)者有著很強(qiáng)的啟發(fā)性。心理學(xué)幫助網(wǎng)站開發(fā)者看清人們的思維如何運(yùn)作。今天,藍(lán)藍(lán)設(shè)計(jì)和大家分享幾條對(duì)網(wǎng)站設(shè)計(jì)非常有益的建議。

1.太多的選擇等于沒有選擇。

根據(jù)Sheeya Iyengar教授的心理學(xué)研究,我們能夠洞察人們處理多重選擇時(shí)的心理變化?!斑x擇就是放棄”,Iyengar教授,《選擇的藝術(shù)》的作者這樣總結(jié)說(shuō)。 社會(huì)心理學(xué)發(fā)現(xiàn),當(dāng)人們面多過(guò)多選擇的時(shí)候,他們的表現(xiàn)非常相似:他們不會(huì)做任何選擇。這就是所謂的“安全選擇”。

結(jié)合到網(wǎng)站設(shè)計(jì)中:

太多需要用戶去點(diǎn)擊的東西,會(huì)讓人覺得混亂。就拿我自己的網(wǎng)站來(lái)說(shuō),當(dāng)我把兩側(cè)的工具欄撤掉一半之后,注冊(cè)的用戶大大增加。思考你的網(wǎng)站最終、最核心的目的,關(guān)注集中一點(diǎn),刪掉無(wú)關(guān)緊要的點(diǎn)綴和內(nèi)容,直到你的內(nèi)容只剩下最本質(zhì)最重要的內(nèi)容,這樣你的用戶才愿意呆在這里。

2.網(wǎng)站訪問(wèn)者讀寬屏文字更快,但他們喜歡短屏文字。

聽起來(lái)有些矛盾對(duì)么?根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”,這一實(shí)驗(yàn),人們之所以喜歡看寬度較窄的文章是因?yàn)槟强雌饋?lái)更舒服一些,可讀性更高。因?yàn)閯傞_始閱讀,讀 者對(duì)文章的內(nèi)容是不了解的,當(dāng)他們讀了幾行之后,他們可能會(huì)愿意讀些寬屏的文字,因?yàn)樗麄兡茏x得更快。

你的APP該變身了!IOS7設(shè)計(jì)指南

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

蘋果的新iOS我們已經(jīng)上手好幾周了,準(zhǔn)備好為它而設(shè)計(jì)嗎?

如果你已經(jīng)有一個(gè)運(yùn)行于此平臺(tái)的App設(shè)計(jì),你可能打算為新iOS而設(shè)計(jì),或者在舊版上做一些必要調(diào)整,不論哪種,你都希望為新界面而界面設(shè)計(jì),確保你的App與用戶在蘋果設(shè)備上的體驗(yàn)相吻合。
那么如何做到這點(diǎn)?

扁平,更加扁平

ios7

導(dǎo)航設(shè)計(jì)趨勢(shì)!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

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

不知不覺的,很多網(wǎng)頁(yè)設(shè)計(jì)中采用了圖標(biāo)式導(dǎo)航(Navigation)——一般使用三道杠作為圖標(biāo),用以導(dǎo)航界面設(shè)計(jì)。
這種導(dǎo)航的好處是節(jié)省空間,讓界面更簡(jiǎn)潔。

圖標(biāo)式導(dǎo)航的案例

這是YouTube的圖標(biāo)式導(dǎo)航(移動(dòng)版):

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

提高網(wǎng)站可用性的經(jīng)驗(yàn)指南

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

我想每個(gè)人都會(huì)贊成,網(wǎng)站設(shè)計(jì)的可用性是它能否受歡迎的一個(gè)重要方面,無(wú)論你進(jìn)行的是公司網(wǎng)站、在線商店還是其他,讓你的界面變得容易操控,使用時(shí)令人舒服是關(guān)鍵,近幾年已經(jīng)有很多針對(duì)網(wǎng)站界面設(shè)計(jì)優(yōu)化的研究,而且這些研究的成果對(duì)于提高網(wǎng)站可用性是非常有價(jià)值的?,F(xiàn)在這里有10個(gè)超實(shí)用的經(jīng)驗(yàn)分享,相信藍(lán)藍(lán)設(shè)計(jì),這些建議會(huì)極大地提高你那個(gè)網(wǎng)站的用戶體驗(yàn),讓用戶愛上你的網(wǎng)站界面設(shè)計(jì)! 

一、善用人物配圖,使用戶專注于你想呈現(xiàn)的

當(dāng)進(jìn)入你的網(wǎng)站,我們會(huì)本能地關(guān)注網(wǎng)站上人物圖片中的臉和眼睛,這倒是為我們提供了一個(gè)想法,是不是可以用人物配圖吸引小伙伴的注意力呢?當(dāng)然,但這僅是第一步,我們還可以這樣做,你瞧,是不是大不相同!(見下圖)

這是第一步:

20090316 dmwcj8wqr8egihdihssm4xm517 You look where they look

不能落伍!2014年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)預(yù)測(cè)

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

年尾總結(jié)年初預(yù)測(cè)已經(jīng)成為了多數(shù)人的習(xí)慣。2013年很多人以為世界真的會(huì)末日,我們真的看不到2014年的日出,但是事情并沒有發(fā)生, 我們順利的活到了2014年,那么今年的網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域又有什么新的發(fā)展呢?是延續(xù)經(jīng)典還是推陳出新?通過(guò)大師的預(yù)測(cè),我們發(fā)現(xiàn)了一些蛛絲馬跡,那么今天藍(lán)藍(lán)設(shè)計(jì)就來(lái)給大家分享一下這些寶貴的信息!如果你有什么想法記得在下方的評(píng)論里告訴我們呦~

01. 先進(jìn)的雜志式布局

來(lái)看看2014年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)預(yù)測(cè)

對(duì)于設(shè)計(jì)師,堅(jiān)持是什么?

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

藍(lán)藍(lán)很喜歡這篇文章!道理都懂,文章寫的精致,例子找的也讓人信服。



  曾經(jīng)臺(tái)灣有本書《改變?nèi)松某掷m(xù)術(shù)》,書中的核心是持續(xù)良好的行動(dòng)亦將此行動(dòng)化為習(xí)慣,就能改變?nèi)松_@些大白話,相信很多人都知道。下面是其中俞敏洪一段話。

  要做一滴水,每一條河流都有它不同的路徑,都有它不同的過(guò)程,但是它會(huì)想盡一切辦法達(dá)到它的目標(biāo)–大海。黃河九曲十八彎,那時(shí)因?yàn)樗@過(guò)重重阻礙流向大海!也許在路上會(huì)經(jīng)過(guò)大山當(dāng)?shù)?,?huì)有懸崖當(dāng)?shù)?,哪怕從懸崖上掉下在摔得粉身碎骨,它也?huì)想盡一切辦法再重新匯聚起來(lái),流向大海。我們不能作泥沙,泥沙會(huì)在隨水流動(dòng)的過(guò)程中,沉在河底,慢慢消逝,而唯有水才會(huì)不顧一切的無(wú)論如何的奔向那只屬于大海的最偉大最美麗的蔚藍(lán)色!

  這些其實(shí)都是扯蛋的引言,其實(shí)可以直接忽略。相信大多數(shù)我覺得這是偽勵(lì)志的話語(yǔ)。道理誰(shuí)不知道,都是成年人。應(yīng)該都完全具有自己獨(dú)立的思考能力。

持續(xù)與重復(fù)勞動(dòng)?

  在任何勵(lì)志話語(yǔ)面前,做為具有獨(dú)立思考的個(gè)體。首先要明白話語(yǔ)中說(shuō)的東西有什么用。而不是因?yàn)樗ㄋ┦敲说拿つ砍绨荨?/p>

  當(dāng)然持續(xù)不意味著不思進(jìn)取的重復(fù)勞動(dòng),兩者是有本質(zhì)的區(qū)別。

同樣做界面設(shè)計(jì)

A君——界面設(shè)計(jì)——關(guān)注一像素變化——用戶心理——市場(chǎng)反映——反饋修正

  (希望每次的設(shè)計(jì)都能思考深一點(diǎn),也不期望有質(zhì)的飛躍。就是比上一次想的多點(diǎn))

B君——界面設(shè)計(jì)——界面設(shè)計(jì)——界面設(shè)計(jì)

  (活干完完事,恨不得將一個(gè)成功案例不斷復(fù)制到不同的項(xiàng)目)

2014年界面設(shè)計(jì)的14個(gè)趨勢(shì)

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

  時(shí)光飛逝,轉(zhuǎn)眼到了2014年,那么在2014年界面設(shè)計(jì)將會(huì)有怎樣的發(fā)展與變革呢?我試圖預(yù)測(cè)一下。交互/界面設(shè)計(jì)伴隨移動(dòng)互聯(lián)網(wǎng)一直保持著告訴的發(fā)展,每一年,都有新的東西出現(xiàn),真令人振奮。


1.應(yīng)用主題化

日歷

鏈接

個(gè)人資料

存檔