載地址：http://www.ifanr.com/64201

前一陣子，朋友購(gòu)入了 Galaxy S II ，總體滿意，但仍不時(shí)在聊天時(shí)怨及其中一些“反人類(lèi)”的設(shè)計(jì)——相信手持 Android 設(shè)備的各位心里都會(huì)有類(lèi)似的感受。

這些抱怨讓我想起了諾基亞高級(jí)副總裁 Marko Ahtisaari 在接受 ifanr 采訪時(shí) 說(shuō)過(guò)的話 ：

他們（指現(xiàn)有的移動(dòng)設(shè)備界面）都很棒，但很顯然，設(shè)計(jì)還沒(méi)有到達(dá)頂峰，尤其是在程序切換、優(yōu)雅和簡(jiǎn)潔等方面。

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

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

于是身邊一些做設(shè)計(jì)的人開(kāi)始了一個(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ì)的。比如：客戶需求方的“無(wú)理要求”，面對(duì)強(qiáng)硬老板對(duì)設(shè)計(jì)的干擾，對(duì)設(shè)計(jì)時(shí)間考慮的不理性，公司和產(chǎn)品項(xiàng)目發(fā)展 對(duì)設(shè)計(jì)的不重視，對(duì)設(shè)計(jì)作品評(píng)判無(wú)依據(jù)，以及設(shè)計(jì)師自己無(wú)法找到自我提升的途徑而感到前途渺茫。我們先不談這些是不是由于客戶無(wú)法用設(shè)計(jì)語(yǔ)言去表達(dá)他們想 要的，說(shuō)不清楚。也不談是不是設(shè)計(jì)師心態(tài)的問(wèn)題。試想要理解這“喜歡”二字卻也談何容易？是想堅(jiān)持喜歡這份理由多么磨艱難？

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

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

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

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

原文地址：http://www.uisheji.com/41519.html

我們認(rèn)為目標(biāo)導(dǎo)向設(shè)計(jì)方法由4個(gè)P組成，即process、pattern、principles、practices(過(guò)程、模式、原則 、實(shí)踐)，下面我將和大家一起討論前3個(gè)P。
 

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里 。

本文來(lái)自：http://www.chinavisual.co/archives/3080/

我們很高興目前 Web窗體設(shè)計(jì)：在空白處填寫(xiě)  “路加福音Wroblewski”第 13章的摘錄（2008年 羅森菲爾德媒體）10  ％ 的代碼保存 ALAWFD當(dāng)您 以出版商的網(wǎng)站。 - ED。

我就出來(lái)了，并說(shuō)這：注冊(cè)表單必須死。 在這本書(shū)的介紹中，我描述的絆腳石后，被推薦到Web服務(wù)的過(guò)程。 你到達(dá)急于潛水，并開(kāi)始從事和迎接你的第一件事就是什么呢？ 一種形式。

我們可以做得更好。 事實(shí)上，我相信我們可以得到與從事數(shù)字化服務(wù)的方式，告訴他們這樣的服務(wù)是如何工作的，以及為什么他們應(yīng)該關(guān)心不夠使用它們的人。 我也相信我們可以做的，沒(méi)有明確地讓他們填寫(xiě)一個(gè)注冊(cè)的形式作為第一步。

但是，在我們到逐步參與的潛力（您的路徑，登錄“dullery”），讓我們來(lái)看看，如何從事與在線服務(wù)的過(guò)程中通常工程。 自2007年以來(lái)，在線視頻的一個(gè)突破的一年，是安全的假設(shè)，有很多人在網(wǎng)絡(luò)上去后他們的影片之一。 也許他們聽(tīng)到 谷歌視頻 是這樣做的好去處。 在到達(dá)現(xiàn)場(chǎng)后，他們發(fā)現(xiàn)了一個(gè)鏈接，分享他們的視頻和接下來(lái)發(fā)生了什么？ 他們得到了在圖13.1的形式。

Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too.

Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app

• iOS Human Interface Guidelines (iPhone, iPod and iPad) - PDF version
• 
                  
• iPad Human Interface Guidelines iPad HIG was merged with iPhone in iOS HIG (see above)
• 
                  
• UI Guidelines for BlackBerry 6.0 Smartphones – PDF version
• 
                  
• UI Guidelines for BlackBerry 4.x, 5.x Smartphones – PDF version
• 
                  
• Android User Interface Guidelines
• 
                  
• Nokia N9 & Meego 1.2 Harmattan UX Guidelines
• 
                  
• UI Guildelines for BlackBerry PlayBook – PDF version

閱讀瞬間發(fā)生了什么？
       當(dāng)閱讀行為發(fā)生時(shí)，如果能進(jìn)入人腦，你會(huì)發(fā)現(xiàn)復(fù)雜的處理過(guò)程在瞬間發(fā)生。所以在談?wù)撛O(shè)計(jì)之前，讓我們先來(lái)看看閱讀表格時(shí)，人的大腦都會(huì)處理哪些任務(wù)。

?    閱讀標(biāo)題 ：用戶在閱讀表格時(shí)通常會(huì)簡(jiǎn)單略過(guò)行或列的表頭。
?    通讀全篇 ：用戶也許會(huì)先花時(shí)間掃描全篇，了解表格的整體結(jié)構(gòu)，數(shù)據(jù)分類(lèi)以及復(fù)雜性。
?    視覺(jué)搜索 ：為了找到數(shù)據(jù)，用戶會(huì)順著一行或者一列直到發(fā)現(xiàn)交叉點(diǎn)的有用信息，當(dāng)用戶對(duì)表格的結(jié)構(gòu)熟悉，或者上下文的表格結(jié)構(gòu)相同的時(shí)候，視覺(jué)搜索會(huì)更迅速的完成。
?    信息提取 ：找到目標(biāo)數(shù)據(jù)后，用戶就從表中提取了一條基本信息。
?    理解 ：用戶傾向用他們已有的知識(shí)去理解已從表格中獲取的信息。
?    確定類(lèi)別和趨勢(shì) ：用戶會(huì)從感知層面對(duì)相似的數(shù)據(jù)進(jìn)行歸類(lèi)并尋找變化趨勢(shì)。
?    比較 ：用戶將會(huì)比較數(shù)據(jù)，并發(fā)現(xiàn)規(guī)律。
?    推斷 ：為了更深層次的理解數(shù)據(jù)變化，用戶往往會(huì)推斷一些結(jié)論
?    解釋 ：用戶將會(huì)從自身的知識(shí)庫(kù)中提取信息，來(lái)解釋數(shù)據(jù)的意義。
?    回憶 ：用戶會(huì)需要記住表格中的一些信息，以便在將來(lái)使用這些信息。
?    決策 ：用戶會(huì)以他們對(duì)數(shù)據(jù)含義的解釋為基礎(chǔ)，進(jìn)行相關(guān)決策。

 

許多人都認(rèn)同這樣一個(gè)現(xiàn)象：表格雖然是用戶界面設(shè)計(jì)中的一個(gè)重要部分，但是它們卻經(jīng)常會(huì)被忽視。表格應(yīng)該顯示讓用戶更易讀，更易掃視，更易比較的結(jié)構(gòu)化數(shù)據(jù)，但在很多情況下，表格數(shù)據(jù)卻顯得模糊不清。這就是很多人不喜歡表格的原因。

用戶的日常工作經(jīng)常使用表格，但是誰(shuí)會(huì)需要讓他們崩潰的東西呢。要改變這樣的現(xiàn)狀，下面給出一些使表格易用的指南。

行交替樣式Alternating rows styling

這是很明顯的，但是事實(shí)如此嗎？看看今天的WEB應(yīng)用，你就會(huì)發(fā)現(xiàn)很多并不適用。因此，行交替樣式并不明顯，這就是把他列為第一個(gè)來(lái)闡述的原因。

在數(shù)據(jù)較多的多行多列表格里用不同樣式交替顯示不同的行，這會(huì)提高用戶區(qū)分?jǐn)?shù)據(jù)的能力?？梢圆捎帽尘吧蛘弑尘皥D片，如果采用背景色，背景顏色應(yīng)該比頁(yè)面顏色淺或者深一點(diǎn)。圖像背景應(yīng)該選擇和符合整體配色方案的圖片。也可以把背景色和背景圖組合應(yīng)用于表格邊框。表格的header和footer部分應(yīng)該易于識(shí)別，可以采用比表格行深或者淺的顏色。

BlinkCampaign的表格行采用了淺一點(diǎn)的亮綠色，header采用了稍微暗一點(diǎn)的綠色。