推薦：網頁制作,改變你的思維方式
“重構”的春風吹遍大江南北，互聯網一時間風聲鶴唳，“divCSS”儼然已成為一種“時尚”，難以盡數的網站都不約而同地開始了自己的“重構”。然而打開這形形色

一般情況下我鼓勵視覺設計師在設計之前一定更加深刻的了解設計需求：

1. 這個產品需要給什么樣的一群人用，他們需要什么樣的視覺感受。
   比如，你在給一幫老干部做一套軟件，就別搞的像qq那樣熱鬧。（曾經介紹過一次 “通過收集典型用戶身上的視覺元素確定視覺風格”的方法）
2. 這是一個什么樣的產品，它需要展現給用戶什么樣的”氣質”和情感感受。
   上次說維信 的視覺設計感覺很好，其實很大一部分是在說它對于那些ajax動畫效果的應用符合該產品”靈巧、迅速”的定位。它讓我在感官上認為”這個產品很輕便、快捷，不會占據我手機的大量空間也大量的上網流量”。
3. 我有多少的創意空間可以發揮，是否需要遵循一些熟悉上的”定式”。
   比如，你做的一個產品在行業中已經有了很多同樣的，他們已經把這樣產品的定義上了某種感官的形態，那么是否需要遵循？ 假如更改自己的創意有多大風險？ 你有把握做到更好嗎？
   （抱歉，這里沒有典型的例子。我認為絕大多數時候視覺設計還是需要體現自我特色的）

視覺設計中的加法和減法：

1. 一個產品的視覺設計需求下來時，你不能馬上就有很多的想法，這是一個非常普遍的現象。但，很多時候市場不等人，你的老板會要求你必須快速完成設計方案。
2. 那么，開始動手吧。 先從”減法”開始做起，用最簡單的風格初步完成你的設計。也許他沒有什么色彩和風格，也沒有很絢緩的視覺展示效果。
   等你完成這個減法設計的時候，再后頭看看想想，大部分時候你已經有了一個好的創意可以優化進去。
   就算沒有，你只要在這個設計上做一些點晶式的修飾就可以完成這個設計了。
3. 當然，有些時候設計需求一下來你就會有很多的創意想法。
   那么，千萬不要壓制自己也不要躡手躡腳不敢去按照”創意”做。 把他們都給做出來。然后，把這些創意放在一起對比，結合起來，形成你的風格。
   但，最后一定要去做足夠的”減法”。”把多余的都去掉”是一個必須認真作的工作。我們現在幾乎成天都能看到很多為了視覺而視覺的多余設計。
4. 產品的存在是為了幫助用戶完成某項任務。第一眼的”視覺感官”固然重要，但因為過多的多余修飾而影響了用戶完成任務的過程就很不值得了。所以，警惕某些視覺效果會成為”多余的設計”，讓你的視覺效果的應用應該適當其所，是設計師必備的素質。

這幾年”用戶體驗設計”逐漸成熟，反到很多”視覺設計師”紛紛轉行做”交互設計”或者”可用性工程師”。這是一個比較可怕的現象。歸結這個現象，我認為主要原因大概有：

1. 視覺設計師的職能范圍很小，導致很多有想法的設計師沒有發揮的空間，經常在工作中受挫，能力得不到發揮和認可。
   他們的工作往往都具體于”顏色”"造型”等純粹的”圖形表現”上，連一個按鈕的大小都很難有話語權。更有甚者：在很多對于設計不夠重視的企業，視覺設計師只是作為一個”執行的工具”，視覺設計師連”用什么顏色”"按鈕用圓形還是方形”都必須聽命與治理者。
2. 比如，做電子商務網站的時候有一個”商品列表”的頁面，pm告訴你”商品的名字要用14號的加粗藍色字，商品描述用12號的黑色字”，這個時候大多數設計師會很不爽，往往甚至會開始鬧情緒：”視覺上的事情你就不管了，你們丫根本不懂設計，這里用14號的加粗字太難看了。”，然后改成了一個自己認為更加”好看”的設計，往往這個時候pm也會較勁：”叫你用14號你不用，你看現在列表密密麻麻的用戶根本不能一眼就明了的看到商品名…”。
   其實原因很簡單：假如一開始pm就告訴設計師”這個列表一定需要用戶很清楚的一眼就能看到商品名，其他商品描述不用那么突出搶眼”，根本不用具體說用什么字體之類的要求，設計師就明白了；假如設計師可以主動思考pm提出需求的原因，然后在保證設計需求的基礎上讓界面更”好看”一切都解決了。所以，問題應該是雙方的。
   通過這個例子我們能看到：視覺設計師沒有”理解產品思想”的機會，對自己應該表現什么樣的產品形象和氣質沒有概念。很多時候不要說他們能提出來對于產品視覺傳達的合理見解了，就算提出來也是會被否定。
3. 當我們把”視覺設計”只定位成”圖形設計”的時候，”視覺設計師”的門檻越來越低，導致所有”視覺設計師”的待遇一致下降，更導致整個行業對于”視覺設計”的價值和能力產生比較的質疑，不愿意再在其中投入過多的成本。
4. 很多視覺設計師發現和他在一起的所謂”交互設計師”比自己的待遇好，而且他們做的那些”交互設計”（其實這只是”視覺交互展現的設”計而已，真正的交互設計pm都給合在”產品架構和業務流程設計”的時候給一起做了）自己也能做。
5. 很多視覺設計師覺得：做圖形越來越沒有空間，改做交互設計將來可以轉行做pm，最后說不定還可以成為產品治理者。他們給了自己一個”被錯誤現實誤導”的職業規劃。（推薦：ued的職業規劃應該是什么）

我必須馬上解釋一下關于”交互設計”的誤區：

如，我們在設計一個im軟件其中涉及到這樣的一個功能：當有新的好友信息時在右下角彈出一個提示的”氣泡” 窗口。那么，這個”氣泡”是”從下往上緩緩推出”、”從右往左緩緩推出”、”從右角往左角緩緩推出”、”直接在固定位置彈出”、”由淺變深由大變小在一個固定位置緩緩出現”、”…”？？？
這個工作本不應該是由”交互設計”來完成了，所謂的”交互設計”指”用更加合理的信息展現方式更加高效的表現用戶使用過程”，而非上例中說到的”視覺上如何動態展現”。

好的交互設計師在產品設計過程中應該完成的任務是：用合理的信息架構準確的將”產品結構”表現在”界面”上，并保證其充分的延展性；將”產品的業務及數據流程”準確的轉換為最終展現給用戶的(更加高效易用的)”使用流程”。

所以，各位交互設計師：把”視覺互動”的工作交給你的視覺設計師吧！在視覺上他們比你專業。你們應該更加關注”信息架構”和”用戶使用流程”。

這個提到了 視覺設計占據整個體驗46％的報告 被我多次提及，最后在這里再提一次。很多人反對這個報告的結論，但某種程度上我是持贊成態度的。因為我認為這里占據46％體驗的視覺設計不只是圖形，它應該包括一切和”視覺”相關的東西。對于任何一個產品來說，視覺設計不應該僅僅只是”用什么顏色、圓角還是直角、什么樣的造型”等純粹的靜態”圖形界面”。

分享：首次完整小型站點架構的心得體會
http://www.jzfestival.com/你現在看到的是我對近學習標準化網頁設計幾個月的一個測試結果。這次我力爭將內容與樣式分離及考慮到盡可能多的重用性，在圖片壓