網(wǎng)頁設(shè)計(jì)中非常細(xì)節(jié)的東西，比如就一個(gè)描邊，有時(shí)就造成了用戶心理感受上的差別，進(jìn)而影響用戶的使用偏好，直至對(duì)整個(gè)設(shè)計(jì)的成功與否以及作品的商業(yè)價(jià)值產(chǎn)生非常大的影響。類似于”千里之堤毀于蟻穴”和”蝴蝶效應(yīng)”的感覺?？浯笃湓~嗎？絕對(duì)不！細(xì)節(jié)的力量我認(rèn)為在網(wǎng)頁設(shè)計(jì)中有著無窮的魅力。認(rèn)真想想那些你個(gè)人認(rèn)為優(yōu)秀的設(shè)計(jì)作品，其中是什么東西打動(dòng)了你？真的很多時(shí)候就是一種描述不出來的顏色，一些1像素的高光，或者是一種質(zhì)感。例如下面的這20個(gè)網(wǎng)頁視頻播放器的界面設(shè)計(jì)，似乎一眼看上去差別并不大，但是如果讓你必須從中選擇一個(gè)最偏愛的，并且要付費(fèi)購買的話，我想每個(gè)人都能做出自己的選擇。然后你再想想為什么選擇的是這個(gè)而非其他？所以我這里想要說的是，作為網(wǎng)頁設(shè)計(jì)師，或者是UI設(shè)計(jì)師，我們需要不斷的努力，常問自己一個(gè)問題”我是否有了掌控視覺設(shè)計(jì)的細(xì)節(jié)到比較準(zhǔn)確的實(shí)現(xiàn)目標(biāo)設(shè)計(jì)方案，從而引導(dǎo)用戶的心理感受的能力？”我想，這是我們可以從這20個(gè)設(shè)計(jì)中學(xué)到的一點(diǎn)東西。

一、鋒利的邊緣

細(xì)微的淺灰色漸變、邊緣2個(gè)像素的內(nèi)發(fā)光、各控制按鈕內(nèi)陰影、1像素的邊緣高光的組合是最常見到的設(shè)計(jì)方案之一，很經(jīng)典，并且讓這個(gè)播放器看上去感覺邊緣鋒利，能劃破手指一般。

曾幾何時(shí)做設(shè)計(jì)的苦衷

自己做視覺設(shè)計(jì)也小又年頭了也沒混出什么成就，先后做過廣告公司、傳媒公司，電視媒體和互聯(lián)網(wǎng)公司，小到幾人的唱片公司工作室，大到千人萬人集團(tuán)公 司。我對(duì)于設(shè)計(jì)的認(rèn)識(shí)也是隨著成長而逐步變化著。記得上次和UED的自家兄弟們吃飯時(shí)，和酒過三巡的兄弟們分享了一位前輩說過的一句話：“設(shè)計(jì)師是個(gè)很真 誠的職業(yè)，如果你對(duì)設(shè)計(jì)不夠真誠，那你一定做不了。”說起來簡(jiǎn)單，可這份真誠可以讓你走多遠(yuǎn)？在廣告公司期間，每天面對(duì)市場(chǎng)部的“模糊需求”和客戶的“無 禮要求”，也被騙過稿子，也被折磨改稿無數(shù)次。通宵、方便面，一個(gè)LOGO曾改過50多遍，勤勤懇懇的做著“設(shè)計(jì)”。我想，許多做設(shè)計(jì)的人都有過類似這樣 的經(jīng)歷吧？曾幾何時(shí)大學(xué)剛剛畢業(yè)，走上社會(huì)上后對(duì)設(shè)計(jì)的那份真誠是否還在？當(dāng)初選擇做設(shè)計(jì)的原因也很簡(jiǎn)單——喜歡。甚至因?yàn)樽约鹤錾狭俗约合矚g的事情而曾 感到慶幸。但在這些“折磨”面前，你有沒有慢慢的發(fā)現(xiàn)你的職業(yè)宿命有可能僅僅是一名匠人？可能自己也冥冥之中感覺到自己的職業(yè)壽命不過30多歲而已，也冥 冥之中感覺到了設(shè)計(jì)這個(gè)行業(yè)和大學(xué)時(shí)自己憧憬的樣子截然不同，而且差異太大了。不知道你曾經(jīng)想過沒有，我反正想過。

于是身邊一些做設(shè)計(jì)的人開始了一個(gè)舉動(dòng)——轉(zhuǎn)行。因?yàn)樗麄儼l(fā)現(xiàn)在社會(huì)上做設(shè)計(jì)太不靠譜了。人人一張嘴，人人都是指點(diǎn)江山的神。因?yàn)樗麄儼l(fā)現(xiàn)除了做設(shè) 計(jì)以外還有一些事情是做設(shè)計(jì)的人不得不面對(duì)的。比如：客戶需求方的“無理要求”，面對(duì)強(qiáng)硬老板對(duì)設(shè)計(jì)的干擾，對(duì)設(shè)計(jì)時(shí)間考慮的不理性，公司和產(chǎn)品項(xiàng)目發(fā)展 對(duì)設(shè)計(jì)的不重視，對(duì)設(shè)計(jì)作品評(píng)判無依據(jù)，以及設(shè)計(jì)師自己無法找到自我提升的途徑而感到前途渺茫。我們先不談這些是不是由于客戶無法用設(shè)計(jì)語言去表達(dá)他們想 要的，說不清楚。也不談是不是設(shè)計(jì)師心態(tài)的問題。試想要理解這“喜歡”二字卻也談何容易？是想堅(jiān)持喜歡這份理由多么磨艱難？

其實(shí)這個(gè)主題的演講在最近兩三年也做過好幾回，但是今天跟以前的每次都不一樣，我記得在 09 、 10 年做演講的時(shí)候，還有點(diǎn)像布道或者是忽悠。今年可能已經(jīng)不一樣了，因?yàn)榇蠹叶家呀?jīng)看到，移動(dòng)互聯(lián)網(wǎng)安卓、 iOS 設(shè)備已經(jīng)到了 5 千萬用戶。到外面去看，在大城市市場(chǎng)里面最熱銷的是 iOS 或者是安卓的手機(jī)。我們看這個(gè)東西變得好，就像剛才說的，現(xiàn)在大家創(chuàng)業(yè)不做移動(dòng)互聯(lián)網(wǎng)都已經(jīng)很過時(shí)，

那我們現(xiàn)在在哪個(gè)點(diǎn)？ 其實(shí)我們現(xiàn)在在非常好的點(diǎn)上，在移動(dòng)互聯(lián)網(wǎng)真正的爆發(fā)點(diǎn) ，從去年到現(xiàn)在的5 千萬的移動(dòng)互聯(lián)網(wǎng)用戶，其實(shí)到現(xiàn)在還沒有真正到主流用戶群，第一批的 iOS 、安卓用戶還是重度互聯(lián)網(wǎng)核心用戶，還是科技圈子里的用戶，還是玩家，而從今往后是移動(dòng)互聯(lián)網(wǎng)真正爆發(fā)的時(shí)候，移動(dòng)互聯(lián)網(wǎng)將增加到一億，然后再擴(kuò)展到 4.83 億的互聯(lián)網(wǎng)用戶。所以說現(xiàn)在是一個(gè)真正的爆發(fā)點(diǎn)。

今天再來跟大家分享一個(gè)去年8月份做的網(wǎng)站設(shè)計(jì)案例，我負(fù)責(zé)設(shè)計(jì)渤海銀行深圳分行高爾夫俱樂部網(wǎng)站，主要是信息發(fā)布和資源共享的一個(gè)平臺(tái)……

該俱樂部的目的是：把俱樂部打造成客戶和銀行間、客戶和客戶間相互了解、深化合作的平臺(tái)。

了解到該網(wǎng)站建設(shè)的目的，我給網(wǎng)站定義的色調(diào)是比較輕松，休閑，同時(shí)不失穩(wěn)重這樣的一個(gè)基調(diào)。

設(shè)計(jì)是O ，O 是什么，O 是Origin 原點(diǎn)，《生活大爆炸》的片頭就是一切原點(diǎn)的起源，而人類發(fā)展史就是一個(gè)越滾越大的原點(diǎn)，總是發(fā)現(xiàn)有一個(gè)不斷循環(huán)的規(guī)律，藝術(shù)是如此，設(shè)計(jì)更是如此。

設(shè)計(jì)需要?jiǎng)?chuàng)新的精神，才能產(chǎn)生Big Bang ！而設(shè)計(jì)師的修為高低在于：你是否恰到好處的占領(lǐng)了原點(diǎn)的前端。

近幾年，經(jīng)常聽到一個(gè)詞“趨勢(shì)”，大致意思是：事物發(fā)展的動(dòng)向。我認(rèn)為這個(gè)詞用在觀察金融交易市場(chǎng)規(guī)律上大致可取，但是用在設(shè)計(jì)發(fā)展規(guī)律上就不妥了。

  舉例說明：年年都有所謂的XX 年LOGO 設(shè)計(jì)趨勢(shì)的文章，列舉一些案例進(jìn)行圈圈點(diǎn)點(diǎn)。但一年之內(nèi)有關(guān)logo 的設(shè)計(jì)項(xiàng)目有多少呢？僅憑借所謂的“趨勢(shì)”去概定當(dāng)年的全部設(shè)計(jì)風(fēng)格，這是十分可笑的事情。

財(cái)付通iPhone V2.1.0版已于2月24日正式發(fā)布！您只需通過QQ號(hào)碼或email賬戶登錄，即可享受手機(jī)財(cái)付通為您提供的高品質(zhì)支付享受。以下是手機(jī)財(cái)付通iPhone版相關(guān)功能介紹：

海量的jQuery插件帖，很經(jīng)典，不知道什么時(shí)候開始流傳，很早以前就收藏過，為了工作方便還是發(fā)了一份放在日志里面。

其中有些已經(jīng)無法訪問，或許是文件移除，或許是被封鎖。大家分享的東西，沒什么特別的可說的，唯有感謝無私分享的人們。

貓嗔提醒大家在使用的時(shí)候注意jQuery包的版本問題，最好是使用相同的版本，因?yàn)槭褂昧烁甙姹竞苡锌赡艹霈F(xiàn)或多或少的問題。并且其中英文插件在轉(zhuǎn)換成中文時(shí)注意編碼，推薦utf-8。

jQuery插件-文件上傳(File upload)
Ajax File Upload .
jQUploader .
Multiple File Upload plugin .
jQuery File Style .
Styling an input type file .
Progress Bar Plugin .

jQuery插件-表單驗(yàn)證(Form Validation)
jQuery Validation .
Auto Help .
 

圖片畫廊和幻燈片效果在web站點(diǎn)展示圖片和相片時(shí)是非常常用的，而jquery 圖片插件給我們帶來了便利，你甚至不需要JavaScript 和 jquery 的開發(fā)經(jīng)驗(yàn)，就可以輕松展示很炫的圖片效果，在這篇文章中你可以看到26個(gè)jQuery幻燈插件的效果 。

jquery 畫廊和滑動(dòng)效果教程:

Create an Image Rotator with Description (CSS/jquery)

經(jīng)常有人問我怎樣才能從頭腦風(fēng)暴中所獲得的數(shù)以百計(jì)的創(chuàng)意中選出合適的一個(gè)。除了靠直覺和經(jīng)驗(yàn)外，還有一種方法可以幫我們來決定和界定設(shè)計(jì)原則。在2007年以前，我們將這些原則稱為“設(shè)計(jì)標(biāo)準(zhǔn)”，直到我看到了Rachel Hinman所編寫的“大眾計(jì)算工作室：移動(dòng)用戶體驗(yàn)設(shè)計(jì)原則”這篇文章。

什么是設(shè)計(jì)原則？

你有沒有走進(jìn)一家照明不良、彌漫著奇怪氣味又播放著蹩腳音樂的所謂精品店？同樣的原因，在電子商務(wù)網(wǎng)站中，良好的用戶體驗(yàn)至關(guān)重要。除了殺手級(jí)的產(chǎn)品和真棒的文案，電子商務(wù)網(wǎng)站應(yīng)當(dāng)有著直觀的導(dǎo)航，一個(gè)簡(jiǎn)單的結(jié)賬流程，它需要一鳴驚人。所有的這些都應(yīng)當(dāng)是設(shè)計(jì)來主導(dǎo)。