首頁(yè)

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

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

不知不覺(jué)的,很多網(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)站、在線(xiàn)商店還是其他,讓你的界面變得容易操控,使用時(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)站的用戶(hù)體驗(yàn),讓用戶(hù)愛(ài)上你的網(wǎng)站界面設(shè)計(jì)! 

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

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

這是第一步:

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年的日出,但是事情并沒(méi)有發(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)很喜歡這篇文章!道理都懂,文章寫(xiě)的精致,例子找的也讓人信服。



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

  要做一滴水,每一條河流都有它不同的路徑,都有它不同的過(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ù)我覺(jué)得這是偽勵(lì)志的話(huà)語(yǔ)。道理誰(shuí)不知道,都是成年人。應(yīng)該都完全具有自己獨(dú)立的思考能力。

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

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

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

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

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

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

  

  第一:容人之量。

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

   一是能夠容忍不同性格一起共事。每個(gè)人的性格是最難改變的,經(jīng)理人不能以自身性格來(lái)作好惡標(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ì)太低,沒(méi)有可用之人。如果人人都出色,就不需要經(jīng)理人了。

   三是能夠采取善意取向。不少經(jīng)理人有印象病,看好一個(gè)人,就覺(jué)得這個(gè)做的任何事都是對(duì)的;看不好一個(gè)人就感覺(jué)他什么也做不好,甚至做事的出發(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)理人的無(wú)能找借口。如果員工不理解目標(biāo),那就是經(jīng)理人責(zé)任沒(méi)到位。員工是人,不是蒙上眼拉磨的驢子,不能靠打罵讓他前行。大到老總解釋?xiě)?zhàn)略,小到中層解釋?xiě)?zhàn)術(shù),都是需要一種解釋力的。好的職業(yè)經(jīng)理人能夠?qū)⒃妇懊枥L的栩栩如生,讓員工熱血沸騰的投入戰(zhàn)斗;差勁兒的經(jīng)理人就只會(huì)強(qiáng)迫員工接受。而要做到好的愿景解釋力,經(jīng)理人需要下很多苦功夫,包括讓員工信賴(lài)自己,條理清晰、邏輯推理地講解目標(biāo)等等。管理切忌簡(jiǎn)單粗暴,經(jīng)理人寧可在愿景解釋上多下功夫,也不要讓員工自己沒(méi)弄明白的情況下帶者疑惑去執(zhí)行。

  

  第三:精神感召力

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

  

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

  

推薦:一個(gè)iOS開(kāi)發(fā)者的經(jīng)驗(yàn)分享

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

一個(gè)iOS開(kāi)發(fā)者的經(jīng)驗(yàn)分享

一年以前,我(曹舒旻Kevin Cao)還在做各種Flash網(wǎng)站,而現(xiàn)在卻是擁有一間小工作室的iOS獨(dú)立開(kāi)發(fā)者。從互動(dòng)廣告行業(yè)轉(zhuǎn)型到移動(dòng)互聯(lián)網(wǎng),也許也是正在閱讀本文的你心中的一點(diǎn)小念頭。即便你仍然打算奮斗在互動(dòng)廣告行業(yè),對(duì)移動(dòng)互聯(lián)網(wǎng)帶來(lái)的沖擊也不可能置身事外。

移動(dòng)互聯(lián)網(wǎng),正在真真切切的改變我們每一個(gè)人的生活,對(duì)你我正在從事的事業(yè),都不能例外。那么,如何順勢(shì)而為,讓我們能夠在新的時(shí)代背景下游刃有余呢。

首 先你應(yīng)當(dāng)成為移動(dòng)互聯(lián)網(wǎng)的應(yīng)用達(dá)人:擁有一款移動(dòng)設(shè)備,并成為重度用戶(hù)。你得比你的客戶(hù)或目標(biāo)受眾更加了解這種新的媒介。你要學(xué)會(huì)觀(guān)察和分析這些移動(dòng)設(shè)備 產(chǎn)品設(shè)計(jì)背后的精髓,包括但不局限于:用戶(hù)手持設(shè)備的使用習(xí)慣;屏幕尺寸限制對(duì)設(shè)計(jì)的影響;多點(diǎn)觸摸的操作方式;單窗口應(yīng)用和多任務(wù)的設(shè)計(jì)方法等。此外還 有GPS定位,陀螺儀等特有硬件模塊的玩法。

然后你還應(yīng)當(dāng)看看Apple的人機(jī)交互設(shè)計(jì)指南,了解那些細(xì)節(jié)到有些龜毛的設(shè)計(jì)建議背后的理念。這也保證你在發(fā)想創(chuàng)意的時(shí)候不至于偏差得太過(guò)離譜。

此刻你一定已經(jīng)有了一個(gè)不錯(cuò)的想法(或者靠譜的Brief)?,F(xiàn)在到了我們盡情發(fā)揮創(chuàng)意和設(shè)計(jì)才華的時(shí)刻。 流行如“下拉刷新”的操作可不是一開(kāi)始就寫(xiě)在設(shè)計(jì)指南里的,而是由與我們一樣的創(chuàng)作者想出來(lái)的絕妙創(chuàng)意。這絕對(duì)是重度用戶(hù)才能發(fā)想出來(lái)的直覺(jué)式設(shè)計(jì)的最佳范例。還有Instapaper客戶(hù)端的傾仰翻頁(yè),以及前段時(shí)間非常流行的Clear式輕掃和捏合操作,也都代表了交互設(shè)計(jì)的頂尖水平。 雖然在這個(gè)領(lǐng)域不乏一些專(zhuān)業(yè)的UI設(shè)計(jì)公司,還有各種互聯(lián)網(wǎng)企業(yè)的UED正規(guī)軍。但是在如何把移動(dòng)應(yīng)用設(shè)計(jì)得有愛(ài)或有范的問(wèn)題上,我們互動(dòng)這行的設(shè)計(jì)師也不甘示弱。我們看看私密照片分享應(yīng)用Path 2.0中 的創(chuàng)新折疊菜單。吸引了不少眼球吧。而我們拿它回過(guò)頭來(lái)對(duì)比閃客們N年以前就已經(jīng)實(shí)現(xiàn)的各種動(dòng)態(tài)菜單,其效果不也顯得黯然失色嗎。用戶(hù)在iOS應(yīng)用上已經(jīng) 看了好幾年標(biāo)準(zhǔn)界面的產(chǎn)物,難免開(kāi)始產(chǎn)生審美疲勞?,F(xiàn)在進(jìn)入了重視用戶(hù)體驗(yàn)的時(shí)代,互動(dòng)從業(yè)者們?cè)谝曈X(jué)表現(xiàn)和交互效果上的經(jīng)驗(yàn)積累在此是一大優(yōu)勢(shì)。相比其 他行業(yè)的轉(zhuǎn)型者們,我們更容易創(chuàng)作出令人驚艷的作品。

35個(gè)你會(huì)喜歡的Photoshop照片處理動(dòng)作

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

有時(shí)候我們攝影的照片或是處理網(wǎng)頁(yè)Banner的圖像都需要加一些,讓照片變得更好看,比如添加復(fù)古感覺(jué)的色彩、黑白、懷舊等效果,下面設(shè)計(jì)達(dá)人為大家分享35個(gè)你會(huì)喜歡的Photoshop照片處理動(dòng)作,使用這些PS Action你可以很快就能處理你想要的效果,方便好用,喜歡的趕快收藏起來(lái)哦!

另外強(qiáng)烈推薦:60個(gè)照片PS Action下載/PS動(dòng)作/使用教程

感謝@Vera微瀾妹子無(wú)私打包, @微盤(pán) 打包下載地址http://vdisk.weibo.com/s/BEmqj/1368676942

復(fù)古風(fēng)格Photoshop動(dòng)作 2

035445tAi

進(jìn)入下載頁(yè)

Faux HDR Photoshop 動(dòng)作

0354462se

年終特典!當(dāng)下最熱門(mén)的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)總結(jié)

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

11

 

本文總結(jié)了最近網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域比較熱門(mén)的幾種技術(shù),代表了一定的趨勢(shì),設(shè)計(jì)師們要跟市場(chǎng)接軌,緊跟潮流的腳步,可以閱讀這篇總結(jié),肯定大有裨益。

騰訊cdc:技術(shù)的革新帶動(dòng)了設(shè)計(jì)行業(yè)的的迅猛發(fā)展,這使得設(shè)計(jì)師和開(kāi)發(fā)者有了更廣闊的的探索天地。而網(wǎng)頁(yè)設(shè)計(jì)也越發(fā)不再那么循規(guī)蹈矩,許多團(tuán)隊(duì)和公司都做了很多思考和創(chuàng)意。所以在我們適應(yīng)著現(xiàn)代設(shè)計(jì)潮流的同時(shí),不妨也來(lái)看看現(xiàn)階段網(wǎng)頁(yè)設(shè)計(jì)大致的趨勢(shì)和風(fēng)格吧。

我不敢大言不慚的說(shuō)這就是網(wǎng)頁(yè)設(shè)計(jì)的必然趨勢(shì),這只是本人對(duì)當(dāng)下網(wǎng)頁(yè)設(shè)計(jì)做出的一些小總結(jié)。希望這樣的歸類(lèi)總結(jié)能給你帶來(lái)更多的思路和想法。

01. 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)(Responsive Web Design)

現(xiàn)在越來(lái)越多用戶(hù)都擁有多種終端:臺(tái)式機(jī),筆記本,平板電腦,手機(jī),能夠適應(yīng)不同尺寸顯示屏的網(wǎng)頁(yè)是現(xiàn)在的潮流,甚至是未來(lái)很長(zhǎng)一段時(shí)間的設(shè)計(jì)趨勢(shì)。那么響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)就是來(lái)解決這個(gè)問(wèn)題的。這種特別的開(kāi)發(fā)方式能保證網(wǎng)頁(yè)適應(yīng)不同的分辨率,讓網(wǎng)頁(yè)要素重組,使其無(wú)論在垂直的平板電腦還是智能手機(jī)上,都能達(dá)到最好的視覺(jué)效果。

除了多終端的多樣化,我們還可以看到我們的電腦屏幕,手機(jī)屏幕都在不斷變大,而在對(duì)未來(lái)生活的預(yù)測(cè)、概念設(shè)計(jì)里,”屏幕”%

行業(yè)觀(guān)察!FLASH的未來(lái)與發(fā)展

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

近幾年對(duì)HTML5與Flash誰(shuí)才是未來(lái)的發(fā)展的爭(zhēng)論真的實(shí)在太多,也是仁者見(jiàn)仁智者見(jiàn)智,其實(shí)什么東西都不是完美的,各有優(yōu)缺點(diǎn),并且用戶(hù)才懶得管你用的是HTML5或是Flash,用戶(hù)關(guān)心的是只是應(yīng)用與體驗(yàn)。


 

>介紹HTML5與Flash

 

很多人都說(shuō)有了HTML5,F(xiàn)lash就可以退出了,但Flash還是有其自身的優(yōu)勢(shì),來(lái)制作更好的展示效果與交互體驗(yàn)。

>Flash還能做什么,F(xiàn)lash要怎么做

 


日歷

鏈接

個(gè)人資料

存檔