建站常識
閑言碎語:設(shè)計的細節(jié)
2009-12-19 09:41:00
有一些朋友說:“你能不能寫點設(shè)計過程方面的指導(dǎo)文章?比較具體的那種”,他們應(yīng)該是不好意思說,其實就是讓我寫一些“關(guān)于如何做好視覺設(shè)計”,“關(guān)于設(shè)計如何讓別人認同”甚至是“怎么畫圖標和界面更簡便,更有吸引力”的事情。不是我不想寫,而是這種東西的主觀性太強,而我們國內(nèi)的設(shè)計師大部分的視覺思維比較單一,其實這樣的文章容易有反效果;另外就是《閑言碎語》其實是一個偏設(shè)計職場現(xiàn)象和潛規(guī)則的系列,主要是針對現(xiàn)象講一些個人看法,它不是教程也不是案例分析。
不過其實挺多朋友一直在通過各種不同的途徑問我一個相同的問題:“好的設(shè)計大家都說很有細節(jié),我搞不清楚究竟什么才是設(shè)計的細節(jié)” — 好的,我認為這個問題不是單一的純視覺問題,可以作答。另外也有朋友說《閑言碎語》的一些觀點太厚黑了,讓人學(xué)壞,更有甚者對我采取了令人發(fā)指的人身攻擊(當然,由于你們沒有留下真實的名字,網(wǎng)址,郵箱等各種有效信息,所以我也無法通過正常途徑跟你們道歉,讓你們貌似純潔的內(nèi)心受到了傷害 — 再者,那些攻擊對我來說真的太小兒科了,如果希望我有所動靜,起碼應(yīng)該更認真的準備一些猛料,讓我們雙方都能過癮)。
如果你了解在我天朝連鞋帶上吊,強拆民宅的事情都可以隨便發(fā)生,你就能明白設(shè)計圈也不可能是一方凈土,要生存必須具備足夠的生存智慧和逆境抵抗能力。你應(yīng)該清楚,在學(xué)校里面畫幾幅裸體版畫是洞察不了人性的。
回到主題,什么是設(shè)計的細節(jié)呢?要看這個細節(jié)究竟能帶來什么,為什么一個稱得上有細節(jié)的作品會給人專業(yè)、嚴謹、優(yōu)秀的感覺?首先細節(jié)分為兩個部分:一個是設(shè)計作品的細節(jié),一個是設(shè)計過程的細節(jié)。(以下所有圖片由于商業(yè)協(xié)議關(guān)系,只能發(fā)布縮減版,客戶擁有商業(yè)所有權(quán),而我僅有使用權(quán)和展示權(quán),請注意)
我先說設(shè)計過程的細節(jié):
1. 你的創(chuàng)意來源
有人要問了:“你管貧僧怎么想的?能夠度你就行了” — NO,NO,有時候你的設(shè)計出現(xiàn)了細節(jié)的問題,就是在于你的創(chuàng)意的來源非常粗糙,缺乏品質(zhì),試問你參考一個山寨機做設(shè)計,會做出iphone來么?
因此從創(chuàng)意的源頭我們就應(yīng)該控制好品質(zhì),并且高要求一些的資源和素材,不要說什么一拍腦袋就有了牛B的想法,那種情況有,但很少,愛因斯坦說過:“創(chuàng)新就是隱藏了來源”,所有的設(shè)計都是優(yōu)化和迭代的過程,所以你的設(shè)計細節(jié)一定是在不斷的完善中出現(xiàn)的。
把握你的創(chuàng)意來源,并控制它們的品質(zhì),有助于你從一開始就掌握好細節(jié)的節(jié)奏,不會走偏,否則你永遠都是水晶按鈕崇拜者。
2. 設(shè)計解決了什么問題
一個設(shè)計缺乏細節(jié)是因為考慮不周到,考慮不周到是因為無法面對這個設(shè)計的用途,這就是我們要找到的根源 — 你的這個設(shè)計的原始動機是什么?為什么要做?做了后能夠解決一些什么問題?
我們經(jīng)??吹胶芏嘣O(shè)計其實是帶來了更多的問題,有些人管那個叫增值或者樂趣,比如:一個有加熱功能的水杯,其實水杯的基本作用就是盛水,最多做到保溫,但是做了加熱功能,就增加了面積和體積(因為有操作按鈕和小屏幕),而且增加了后期維修的風險,甚至有可能導(dǎo)電引發(fā)事故…….因此有些所謂的idea和“設(shè)計”不是看上去那么好的,我管這些設(shè)計的部分叫“多余的細節(jié)”。
如果你的設(shè)計能夠滿足它的需要,那么它就足夠好,而不是更多的按鈕,更大的體積,更多的功能,更復(fù)雜的界面,更豐富的色彩…….它們沒有那么重要。
3. 設(shè)計的溝通能力
我發(fā)現(xiàn)其實對設(shè)計細節(jié)無法把握的設(shè)計師們,大多數(shù)的問題都出在溝通上,特別是項目組成員較多,輸入輸出控制較分散的時候,而更多的情況,溝通變成了吵架和扯皮。
如果你的溝通能力實在有限,又不愿意陷入各種無聊的會議中,可以嘗試像這樣先擬定一個基本的針對項目的設(shè)計流程,并做好控制節(jié)點,這份表格可以在項目推進中動態(tài)修改,把關(guān)鍵的問題和責任人明確就好。每個階段做一次review,這樣能夠控制好各個進程中的設(shè)計細節(jié),而不用最后來一起修改,毫無頭緒。
#p#4. 責任感和勇氣
設(shè)計師在設(shè)計過程中容易有鴕鳥心態(tài),比如:“這個事情不是老子負責的”,“我和他們有什么關(guān)系,他們毛都不懂”…… 其實設(shè)計的過程是一個從頭到尾的過程,一個有責任感的設(shè)計師會主動關(guān)注每個節(jié)點的運行情況,這就像開火車,其實看似最輕松的駕駛員是最累的,他關(guān)注的不僅僅是那個火車頭有沒有偏離方向。
這個東西以后有必要再補充寫點文章來圓場。
再來看設(shè)計作品的細節(jié):
1. 圖層樣式的規(guī)范
來,看圖說話,左邊是我模擬的一份常見的設(shè)計師提供的PS文檔圖層排列模式(我三年前也是這樣,路都是這么走過來的),右邊是我目前使用的方式。從設(shè)計分析和團隊合作的模式上來說,右邊的明顯要優(yōu)于左邊的,首先是正式規(guī)范的命名,便于文檔的處理;其次是排列模式遵循界面的版面規(guī)劃,比較容易尋找;最后有顏色對動態(tài)調(diào)整的部分進行了標識,可以方便設(shè)計師之間的文件傳遞修改。
對文件的梳理是非常重要的一部分,無論你是WEB設(shè)計,還是產(chǎn)品UI設(shè)計,這樣的模式無疑會讓你的設(shè)計得到最大化的理解,這就是細節(jié)的一部分。
2. 設(shè)計分析說明
“該設(shè)計體現(xiàn)了消費類產(chǎn)品的流行趨勢,整體設(shè)計流暢,大氣,簡潔,在功能性的應(yīng)用中加入了藝術(shù)設(shè)計的元素,從而使得產(chǎn)品。。。。。。” — 這樣的設(shè)計說明,你有沒有寫過?有沒有?一定有。那么從現(xiàn)在開始,請你打住,因為這種話都是說給土鱉聽的,你快把自己也變成了土鱉。
就像我們一直強調(diào)的,設(shè)計是有原因的,你只需要告訴你的客戶或者用戶,你的設(shè)計是為誰做的,他(她)(它)們使用了這個設(shè)計后會有什么更好的變化就足夠了。一切夸大其詞的形容詞描述都是在偽裝你的設(shè)計的不成熟,設(shè)計的細節(jié)在設(shè)計說明中能夠充分的體現(xiàn),大多數(shù)沒有細節(jié)的作品是因為它們?nèi)狈τ谠O(shè)計領(lǐng)悟的指導(dǎo)和控制力。
3. 精確的圖形
作為圖形化的展示,在presentation階段,你的設(shè)計圖形的精確展現(xiàn)是非常重要的,當然有很多設(shè)計師喜歡把圖形像素化的表現(xiàn),那同樣證明了你的設(shè)計非常精確,不過這種“像素化”的方式在外行看來比較“無稽” — 請問你把設(shè)計稿放大到400%和你的設(shè)計有何關(guān)系?你很難解釋得清楚,比如像素是精確的,不會模糊,鋸齒等等說辭都是內(nèi)行才懂的事情。
所以,展示你的設(shè)計的這個圖形本身,也是你的設(shè)計的一部分,而這個部分的細節(jié)會影響到你實際作品的細節(jié)的判斷。
4. 概念的啟蒙
一個設(shè)計方案的啟蒙過程是決定了是否有足夠細節(jié)的原始動力,展現(xiàn)你的概念設(shè)計并將它和最終設(shè)計進行對比,更容易發(fā)現(xiàn)細節(jié)方面的疏漏并及時修正,因此sketching的圖是非常重要的一環(huán),而且它也能成為你的概念設(shè)計的圖形化文檔。上圖是我設(shè)計的一款概念型feature phone的界面原始稿。
有了這些你的作品是不是有細節(jié)了?是的,但還不夠,你會發(fā)現(xiàn)一個有細節(jié)的東西需要在一個承認細節(jié)的環(huán)境中才能發(fā)揮作用。而在大多數(shù)山寨企業(yè)中,這種設(shè)計的模式和思維方法未必能夠得到承認,也就會出現(xiàn)“劣幣驅(qū)逐良幣”的情況,你當然也無數(shù)次遇到過。那么應(yīng)該怎么辦呢?我的方法是,無論是劣幣還是良幣,千萬不要和鈔票生氣,保證服務(wù)好客戶與用戶是第一位的,但不要降低對自己的要求,你可以做,但是否呈現(xiàn)要根據(jù)情況來定。
原文:http://lytous.ucdchina.com/?p=1969
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-12-10 08:38:00] 細節(jié)決定成敗與web用戶體驗設(shè)計
- [2010-06-21 22:36:00] 可用性在于細節(jié)
- [2021-01-15 17:23:46] 建設(shè)網(wǎng)站細節(jié)也十分重要
- [2007-09-25 11:50:00] 設(shè)計細節(jié)不能丟
- [2007-01-30 16:42:00] 影響SEO的頁面制作細節(jié)
- [2006-07-20 15:39:00] 細節(jié)決定成敗 網(wǎng)站建設(shè)的三十六條原則
- [2010-03-18 18:17:00] 網(wǎng)頁設(shè)計從優(yōu)秀到卓越的6個細節(jié)
- [2010-11-11 08:26:00] 瞬間的快感之細節(jié)提升用戶滿意度
- [2009-06-11 08:16:00] 低成本提高web可用性的幾個細節(jié)(一)
- [2009-08-01 22:32:00] 細節(jié)設(shè)計之美:擴大可操作區(qū)域
- [2009-06-23 17:56:00] 電子商務(wù)搜索引擎的細節(jié)設(shè)計
- [2009-06-23 08:11:00] 細節(jié)決定成敗 總結(jié)項目中的交互設(shè)計
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
php程序 網(wǎng)站推廣 網(wǎng)站規(guī)劃 圖形網(wǎng)格 網(wǎng)站視覺 外貿(mào)網(wǎng)站建設(shè) 力圖 網(wǎng)站策劃 H5 集團公司網(wǎng)站建設(shè) SEO優(yōu)化 css 青島網(wǎng)站建設(shè)基礎(chǔ)知識 集團性網(wǎng)站 SEO 微網(wǎng)站 青島網(wǎng)頁制作 青島海洋投資集團 高端網(wǎng)站設(shè)計 微官網(wǎng)帶來的好處 H5專題頁面 青島網(wǎng)站建設(shè)公司哪家好 扁平化設(shè)計 robots 網(wǎng)站SEO 英文網(wǎng)站建設(shè) 網(wǎng)站交互設(shè)計 青島高端網(wǎng)站建設(shè)公司哪家好 HTML5 青島網(wǎng)站設(shè)計哪家好