首頁

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

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

UI設(shè)計(jì)師想學(xué)習(xí)做時(shí)尚網(wǎng)站嗎?購物網(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ì),所以話不多說,直奔主題。今天要跟大家分享的是關(guān)于設(shè)計(jì)時(shí)尚網(wǎng)頁的一些知識(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ì)語言,來標(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ì)語言了,除此之外,還有哪些顯性化的設(shè)計(jì)語言嶄露頭角呢?

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

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

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

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

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

關(guān)注人類心理學(xué)的一些研究是非常有意義的。通過對(duì)人類心理的推敲,我們討論人社會(huì)心理,這能夠幫助創(chuàng)業(yè)公司開拓市場,因?yàn)槭軞g迎的內(nèi)容和大眾心理有著最直接的關(guā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é)說。 社會(huì)心理學(xué)發(fā)現(xiàn),當(dāng)人們面多過多選擇的時(shí)候,他們的表現(xiàn)非常相似:他們不會(huì)做任何選擇。這就是所謂的“安全選擇”。

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

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

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

聽起來有些矛盾對(duì)么?根據(jù)Mary C. Dyson的“文章屏幕的寬度如何影響讀者心理”,這一實(shí)驗(yàn),人們之所以喜歡看寬度較窄的文章是因?yàn)槟强雌饋砀娣恍?,可讀性更高。因?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)頁設(shè)計(jì)中采用了圖標(biāo)式導(dǎo)航(Navigation)——一般使用三道杠作為圖標(biāo),用以導(dǎo)航界面設(shè)計(jì)
這種導(dǎo)航的好處是節(jié)省空間,讓界面更簡潔。

圖標(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è)重要方面,無論你進(jìn)行的是公司網(wǎng)站、在線商店還是其他,讓你的界面變得容易操控,使用時(shí)令人舒服是關(guān)鍵,近幾年已經(jīng)有很多針對(duì)網(wǎng)站界面設(shè)計(jì)優(yōu)化的研究,而且這些研究的成果對(duì)于提高網(wǎng)站可用性是非常有價(jià)值的。現(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)然,但這僅是第一步,我們還可以這樣做,你瞧,是不是大不相同?。ㄒ娤聢D)

這是第一步:

20090316 dmwcj8wqr8egihdihssm4xm517 You look where they look

不能落伍!2014年網(wǎng)頁設(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)頁設(shè)計(jì)領(lǐng)域又有什么新的發(fā)展呢?是延續(xù)經(jīng)典還是推陳出新?通過大師的預(yù)測(cè),我們發(fā)現(xiàn)了一些蛛絲馬跡,那么今天藍(lán)藍(lán)設(shè)計(jì)就來給大家分享一下這些寶貴的信息!如果你有什么想法記得在下方的評(píng)論里告訴我們呦~

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

來看看2014年網(wǎng)頁設(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)松?。這些大白話,相信很多人都知道。下面是其中俞敏洪一段話。

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

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

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

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

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

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

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

 ?。ㄏM看蔚脑O(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è)好的經(jīng)理人應(yīng)該具備的三項(xiàng)基本能力

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

藍(lán)藍(lán)轉(zhuǎn)自天涯,學(xué)習(xí)!

在幾年的經(jīng)營管理工作中,無形苦惱過、思考過、創(chuàng)新過、實(shí)踐過、失敗過、成功過,最后總結(jié)出了一個(gè)好的經(jīng)理人應(yīng)該具備的一些基本素質(zhì)?;旧峡梢钥偨Y(jié)為三個(gè)方面:

  

  第一:容人之量。

   一個(gè)經(jīng)理人,能否很好的做到容人,是他成功的第一要素。所謂“海納百川,有容乃大”,經(jīng)理人要做的工作都是需要發(fā)動(dòng)別人去完成,這樣就必須能夠吸引一批人以他為中心工作。而能否吸引到這批人,切讓他們心甘情愿的為其工作,最重要的就是經(jīng)理人的容人之量。這個(gè)容人之量包含幾種情況:

   一是能夠容忍不同性格一起共事。每個(gè)人的性格是最難改變的,經(jīng)理人不能以自身性格來作好惡標(biāo)準(zhǔn),而必須能跟完全與自己稟性迥異的人很好的相處、共事。做到這一點(diǎn)其實(shí)很難的,因?yàn)樾愿窕コ獾娜说谝幻嫱拖嗷シ锤小?/span>

   二是能夠容忍別人的不出色包括錯(cuò)誤。一個(gè)經(jīng)理人要明白,他作為經(jīng)理人天生的職責(zé)就是讓別人做的更出色,而不是要求別人原本就出色。員工素質(zhì)比他低是最正常的現(xiàn)象,經(jīng)理人不應(yīng)該一天到晚報(bào)怨員工素質(zhì)太低,沒有可用之人。如果人人都出色,就不需要經(jīng)理人了。

   三是能夠采取善意取向。不少經(jīng)理人有印象病,看好一個(gè)人,就覺得這個(gè)做的任何事都是對(duì)的;看不好一個(gè)人就感覺他什么也做不好,甚至做事的出發(fā)點(diǎn)都不好。首先就給人戴上了帽子,這樣的經(jīng)理人又如何鼓勵(lì)員工呢。

  

  第二:愿景解釋力

   一個(gè)企業(yè)內(nèi)大大小小的團(tuán)隊(duì),都是在為一個(gè)既定的目標(biāo)奮斗。而如何讓員工從心里明晰這個(gè)目標(biāo),認(rèn)可這個(gè)目標(biāo),就是經(jīng)理人的重任。很多企業(yè)強(qiáng)調(diào)執(zhí)行,所謂理解要執(zhí)行,不理解也要執(zhí)行。這實(shí)在是為經(jīng)理人的無能找借口。如果員工不理解目標(biāo),那就是經(jīng)理人責(zé)任沒到位。員工是人,不是蒙上眼拉磨的驢子,不能靠打罵讓他前行。大到老總解釋戰(zhàn)略,小到中層解釋戰(zhàn)術(shù),都是需要一種解釋力的。好的職業(yè)經(jīng)理人能夠?qū)⒃妇懊枥L的栩栩如生,讓員工熱血沸騰的投入戰(zhàn)斗;差勁兒的經(jīng)理人就只會(huì)強(qiáng)迫員工接受。而要做到好的愿景解釋力,經(jīng)理人需要下很多苦功夫,包括讓員工信賴自己,條理清晰、邏輯推理地講解目標(biāo)等等。管理切忌簡單粗暴,經(jīng)理人寧可在愿景解釋上多下功夫,也不要讓員工自己沒弄明白的情況下帶者疑惑去執(zhí)行。

  

  第三:精神感召力

   很多經(jīng)理人感覺員工難管,不聽自己的,表面一套背后一套。這多半是因?yàn)榻?jīng)理人缺乏一種精神感召力。一個(gè)好的經(jīng)理人,是充滿人格魅力的,他的一舉一動(dòng),都會(huì)成為員工模仿的對(duì)象。他的存在,在組織中就是一種精神力量,大家覺得跟著他干踏實(shí),對(duì)照經(jīng)理的作為,員工也會(huì)為自己的偷懶而羞愧。做到這一步,經(jīng)理人就不再需要總是監(jiān)督員工工作了。但這一步的達(dá)到,卻需要經(jīng)理人以勤奮忘我的工作,以極強(qiáng)的敬業(yè)精神,以大公無私的心態(tài),以不偏不倚的管理,以對(duì)事不對(duì)人的作風(fēng),以為員工謀福利的取向去綜合實(shí)現(xiàn)的。而這些,員工心里會(huì)有桿稱,那個(gè)經(jīng)理人幾斤幾兩,是不會(huì)因?yàn)樗穆毼桓叩投淖兊摹?/span>

  

   幾年的管理工作下來,綜合實(shí)踐這三點(diǎn),無形的感覺是越做越順,越做越博得員工認(rèn)可。這些或許僅僅是一些經(jīng)驗(yàn)之談,夠不上理論的高度,但無形卻強(qiáng)烈的感受到這幾點(diǎn)的力量,并會(huì)在今后的工作中不斷加強(qiáng),不斷完善這些素質(zhì)。

  

日歷

鏈接

個(gè)人資料

存檔