中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

cjshadow：這次我會(huì)從4個(gè)層面去描述，分別是產(chǎn)品，設(shè)計(jì)，程序和行業(yè)去分別講設(shè)計(jì)。設(shè)計(jì)是一個(gè)圈，起點(diǎn)在那，終點(diǎn)也在那，所以我命名為環(huán)形設(shè)計(jì)論。感謝honfan的人物配圖，有興趣的可以了解下他的個(gè)人主頁(yè)

下面我會(huì)用我最近做的多米音樂(lè)5.0的設(shè)計(jì)來(lái)引開(kāi)整個(gè)話(huà)題，整個(gè)產(chǎn)品的產(chǎn)品形態(tài)，交互，視覺(jué)都是我和老板兩人沒(méi)日沒(méi)夜的“基友愛(ài)”之結(jié)晶，當(dāng)然整個(gè)團(tuán)隊(duì)在開(kāi)發(fā)過(guò)程中不斷的挑戰(zhàn)，也起到了關(guān)鍵性的作用，這里假設(shè)沒(méi)有這些挑戰(zhàn)，是不可能有產(chǎn)品的最終形態(tài)的，所以我認(rèn)為，越是激烈的挑戰(zhàn)，:)就越能把設(shè)計(jì)做到極致。

以下正式開(kāi)始分享經(jīng)驗(yàn)：

產(chǎn)品

這個(gè)項(xiàng)目正式啟動(dòng)，在今年的8月份，通過(guò)封閉2個(gè)月和非封閉2個(gè)月的設(shè)計(jì)開(kāi)發(fā)，一共4個(gè)多月，安卓和蘋(píng)果2個(gè)平臺(tái)都順利完成。而項(xiàng)目是從今年年初就開(kāi)始想做的，因?yàn)?.0在產(chǎn)品和交互的層面上，都沒(méi)有做到很好的一個(gè)開(kāi)始和可延續(xù)性，所以，懷著這個(gè)遺憾，會(huì)努力的想在5.0的基礎(chǔ)上去把這個(gè)產(chǎn)品去完善。

5.0最開(kāi)始的理念是“家”，更容易理解的，叫個(gè)人空間。我覺(jué)得熱愛(ài)音樂(lè)，會(huì)有尋找音樂(lè)和收藏音樂(lè)的需求。那么，需要一個(gè)自己的空間去儲(chǔ)存這些收藏的音樂(lè)，也需要一個(gè)廣場(chǎng)去尋找音樂(lè)。那么。我把整個(gè)音樂(lè)軟件，分成了“家”和“商店”兩個(gè)維度。設(shè)計(jì)通過(guò)右下角的按鈕，快速的切換這兩種不同場(chǎng)景。

首先，假設(shè)我們有一個(gè)家后，會(huì)把家里的空間劃分開(kāi)，做客廳，臥室，洗手間等等。同樣，如果自己有一批的音樂(lè)，同樣也要去劃分，分為不同使用場(chǎng)景，不同的風(fēng)格類(lèi)型。而商店也是同樣，則需要各種分類(lèi)，各種方式去幫助用戶(hù)找到他們心儀的音樂(lè)。

但是，經(jīng)過(guò)一段時(shí)間的使用會(huì)發(fā)現(xiàn)，當(dāng)我們擁有很多音樂(lè)后，并不是單純的通過(guò)“家”就可以把音樂(lè)好好的使用，音樂(lè)既是一個(gè)私有的，又是一個(gè)可以用來(lái)交流和溝通的工具。所以，要把私有化的設(shè)計(jì)，擴(kuò)展到社區(qū)化的一種概念中去，才會(huì)通過(guò)音樂(lè)，獲得更多的音樂(lè)和朋友。

所以，改造最初的5.0第一件事，就是要把自己的家開(kāi)放出去，除了原本的家里分類(lèi)，還要讓自己的家像國(guó)外的家庭一樣，可以舉辦party。那么如果是要舉辦party，則需要自己的家空間更大，可定制的功能，需要加強(qiáng)。圍繞著這些點(diǎn)，得出了新的結(jié)果：

從空間的分配上，首先給自己的個(gè)性空間，劃分出了一個(gè)領(lǐng)域，用于展示自己的性格和頭像，然后，再通過(guò)固有的一些分類(lèi)，和自建的分類(lèi)，來(lái)展示自己的音樂(lè)空間。

而對(duì)于自建的空間，同樣可以自定義的裝飾。達(dá)到更好的展示效果，用圖形和文字表達(dá)對(duì)這個(gè)空間中的音樂(lè)的描述和感覺(jué)。

在軟件操作的方式中，采用側(cè)邊欄無(wú)限擴(kuò)展模式，可增加多種獲取音樂(lè)的方式。這樣對(duì)版本迭代來(lái)說(shuō)，不用因?yàn)樾略瞿K而改動(dòng)框架結(jié)構(gòu)。

對(duì)于“商店”，也就是獲取音樂(lè)的途徑，會(huì)分為推薦類(lèi)，搜索類(lèi)，社區(qū)類(lèi)，發(fā)現(xiàn)類(lèi)幾種。這里不細(xì)述，可以在使用軟件的過(guò)程中去體驗(yàn)不同分類(lèi)中獲得音樂(lè)的方式和效果。

那么整個(gè)產(chǎn)品的形態(tài)就設(shè)定好了，接下來(lái)就是進(jìn)入設(shè)計(jì)階段。

設(shè)計(jì)

設(shè)計(jì)中，分幾點(diǎn)去講：計(jì)算、平臺(tái)特性、細(xì)節(jié)、均衡、計(jì)算

計(jì)算

UI設(shè)計(jì)其實(shí)類(lèi)似于工業(yè)設(shè)計(jì)中嚴(yán)謹(jǐn)?shù)脑煨驮O(shè)計(jì)，只是大部分通過(guò)了平面式的排布方式去進(jìn)行設(shè)計(jì)的。所以，計(jì)算在設(shè)計(jì)中，是非常必要的。就好比如果工業(yè)設(shè)計(jì)中不計(jì)算好每個(gè)零件的關(guān)系，是不能讓各個(gè)零件配合拼裝一樣。而每個(gè)零件都有特定的大小和材質(zhì)，也才能發(fā)揮其作用一樣，UI設(shè)計(jì)其實(shí)也是一樣的。

首先，對(duì)于不同的系統(tǒng)，我們?nèi)チ私獠煌南到y(tǒng)的特征，比如iPhone按鈕的標(biāo)準(zhǔn)大小，是通過(guò)計(jì)算的出來(lái)的，安卓的也同樣。為何會(huì)有標(biāo)準(zhǔn)這一說(shuō)，因?yàn)闃?biāo)準(zhǔn)代表著各種計(jì)算后最后得出的一個(gè)參數(shù)，比如一個(gè)按鈕的大小，在屏幕中點(diǎn)擊的最佳范圍，這些就是計(jì)算后的結(jié)果。當(dāng)設(shè)定系統(tǒng)的人把標(biāo)準(zhǔn)公布的目的，是告知在這個(gè)系統(tǒng)的開(kāi)發(fā)者們清楚的知道，這些標(biāo)準(zhǔn)是的意義在哪，而設(shè)計(jì)師很容易忽略這一點(diǎn)。

那么，為了保證每個(gè)按鈕的點(diǎn)擊區(qū)域都能滿(mǎn)足正常的使用，先要為每個(gè)按鈕的控件根據(jù)標(biāo)準(zhǔn)設(shè)定好大小。還有就是物件之間間距等，一旦這些基本的參數(shù)都設(shè)定好后，接下來(lái)就是從美感和功能區(qū)域去劃分了。

說(shuō)回平臺(tái)特性，安卓的圖形輸出是屬于適配型，蘋(píng)果IOS是屬于固定型，所以相對(duì)而言，IOS的設(shè)計(jì)稍微簡(jiǎn)單一些，但是，蘋(píng)果在iPhone5之前的機(jī)型，屏幕比例是存在不合理的地方，高度不夠，整個(gè)可設(shè)計(jì)的區(qū)域相對(duì)與安卓來(lái)說(shuō)，會(huì)比較矮。所以iPhone5做了很好的改善，加長(zhǎng)了這個(gè)區(qū)域，分辨率從960×640的比例改成1136×640就是這個(gè)目的。

重點(diǎn)說(shuō)一下安卓的機(jī)型，首先在設(shè)定的時(shí)候，要定好是在1:1 1:1.5 1:2等這些DP轉(zhuǎn)換去開(kāi)發(fā)。這次我的設(shè)計(jì)，從現(xiàn)有大量的機(jī)型來(lái)說(shuō)，我才用了1：1.5的換算方式去做。也就是在480×800的基礎(chǔ)上設(shè)計(jì)。那么，每一個(gè)輸出的尺寸，都是要符合能被1.5整除的可能性。為何要這樣？因?yàn)檫@樣才能做到100%還原。

比較關(guān)鍵的點(diǎn)，就是即使整除，也要注意為偶數(shù)，比如75和72都能被1.5整除，兩者之間，要選72，盡可能做到偶數(shù)結(jié)尾，為何？舉個(gè)最簡(jiǎn)單的例子，如果你的這個(gè)75的區(qū)域中，需要出現(xiàn)文字，那么假定是14號(hào)字體，75-14=61，如果我要居中顯示，則會(huì)出現(xiàn)上下各30.5像素的結(jié)果，也就是說(shuō)，這個(gè)字體會(huì)被拉長(zhǎng)，或則不對(duì)齊等等結(jié)果。

那么有人說(shuō)，那假設(shè)是13號(hào)字體呢？沒(méi)錯(cuò)，一般，奇數(shù)結(jié)尾的字體，都會(huì)比偶數(shù)字體結(jié)尾的要模糊一些，甚至在不同機(jī)型，會(huì)出現(xiàn)更多奇怪的結(jié)果。我做了10款不同分辨率機(jī)型的測(cè)試，最后實(shí)現(xiàn)后的效果證明了，只要是偶數(shù)的，幾乎不會(huì)出現(xiàn)什么問(wèn)題。而剛剛字體的例子，也同時(shí)在圖形上體現(xiàn)過(guò)被拉伸的可能性。

所以假定是選擇了1：1.5比例的設(shè)定話(huà)，最好用Excel做一個(gè)計(jì)算表格：

這樣我們能隨時(shí)計(jì)算出像素和DP之間的轉(zhuǎn)換，方便輸出后程序?qū)崿F(xiàn)的時(shí)候不會(huì)出問(wèn)題。

（有知道代碼的同學(xué)會(huì)說(shuō)，安卓是可以認(rèn)得出類(lèi)似30.33333這樣的參數(shù)的，那么你可以試驗(yàn)一下，30.333和30.4的結(jié)果，會(huì)不可控，避免奇怪的問(wèn)題，就從了1.5倍數(shù)這個(gè)老衲吧）

Ps:使用.9.png的格式的話(huà)，也要注意文字顯示區(qū)域的那個(gè)位置，保證你設(shè)定的區(qū)域符合倍數(shù)的要求，不然文字會(huì)糊掉。

Ok~那么既然需要不斷的被1.5的倍數(shù)所限制，設(shè)計(jì)上會(huì)不會(huì)有很大的限定？其實(shí)，正因?yàn)檫@個(gè)限定，解決了很多我們需要憑感性判斷的地方，比如列表的大小，按鈕的大小，這些都是通過(guò)計(jì)算限定出來(lái)的，那么，還存在有些傻X產(chǎn)品或老板和你說(shuō)：這里的按鈕要大一些，這些文字要大一些這種說(shuō)法嗎？你可以和他說(shuō)，這是公式，懂不，高級(jí)不…

而假定你的圖標(biāo)大小是48×48像素，也就是32DP的話(huà)，建議要做到比48大的輸出尺寸，比如60×60，這樣，你在修改這個(gè)圖標(biāo)的時(shí)候，可以有剩余的空間給你作調(diào)整，或則是可以利用這些空間給你調(diào)整實(shí)際顯示的效果，比如需要制造一些間距的時(shí)候，在一些程序上不方便調(diào)整的時(shí)候，改變圖形即可得到這個(gè)結(jié)果。

那么以播放界面為例，所有的按鈕，圖形顯示區(qū)域，邊距，都是先通過(guò)感性去設(shè)計(jì)和排布，感覺(jué)一下這樣設(shè)計(jì)的美觀度，操作感覺(jué)是不是良好。然后再通過(guò)公式計(jì)算后得出的結(jié)果，整體效果而言，就會(huì)非常的工整，并且在每個(gè)機(jī)型上，都可以等比例還原。

一旦熟練的運(yùn)用計(jì)算這種方式去設(shè)計(jì)后，你會(huì)發(fā)現(xiàn)整套軟件的界面設(shè)定，會(huì)變的高度統(tǒng)一和一致性。

平臺(tái)特性

剛剛有提到平臺(tái)特性的部分，比如安卓和蘋(píng)果之間的輸出方式不同。

還有更重要的是交互特性，比如安卓2.x的系統(tǒng)中，會(huì)有很多出現(xiàn)“返回”按鈕的地方，而4.x的系統(tǒng)中，因?yàn)榘逊祷匕粹o直接做到了軟件的最下方，那么，則不需要重復(fù)設(shè)計(jì)這個(gè)返回按鈕。試想一下，一個(gè)老款安卓手機(jī)上裝的是4.x系統(tǒng)，你設(shè)計(jì)了一個(gè)返回，屏幕下方還有一個(gè)返回，硬件還有一個(gè)返回…

但是在蘋(píng)果系統(tǒng)中，因?yàn)橹挥幸粋€(gè)home鍵，返回的按鈕是必定存在的。所以，在不同系統(tǒng)中，我們要考慮到這一點(diǎn)。所以在設(shè)計(jì)不同平臺(tái)設(shè)計(jì)的時(shí)候，需要不斷的考慮這些。

加上性能的分配，蘋(píng)果在圖形顯示的時(shí)候，是優(yōu)先的，比如你滑動(dòng)的時(shí)候，他的cup是100%分配到滑動(dòng)動(dòng)畫(huà)中，所以蘋(píng)果的動(dòng)畫(huà)會(huì)很順滑，而安卓系統(tǒng)則不是。所以在設(shè)計(jì)的時(shí)候，也要考慮不同平臺(tái)的圖形展示能力。蘋(píng)果的圖片拉伸方式，和安卓拉伸需要.9.png的格式使用等，這些都是平臺(tái)的特性。

有時(shí)候我們會(huì)聽(tīng)到程序說(shuō)：這個(gè)做不到，實(shí)現(xiàn)不了。大部分就是這個(gè)原因，排除某些程序員真的技術(shù)不咋的之外，很多時(shí)候都是因?yàn)閮?nèi)存分配等問(wèn)題，我們的設(shè)計(jì)不能被實(shí)現(xiàn)，在設(shè)計(jì)的時(shí)候，需要關(guān)照到他們的領(lǐng)域中去，這樣在和程序?qū)崿F(xiàn)配合的時(shí)候，會(huì)很方便很多。

細(xì)節(jié)

關(guān)于細(xì)節(jié)，這是每個(gè)做ui的人必備的一個(gè)觀點(diǎn)，細(xì)至1像素，不管是16×16的圖標(biāo)，還是1024×1024的圖標(biāo)，都要每個(gè)像素細(xì)扣。有些人喜歡把圖做大，然后縮小后就看不出來(lái)，尤其是現(xiàn)在的分辨率越來(lái)越大，這種細(xì)節(jié)其實(shí)被忽略的越來(lái)越嚴(yán)重。

這里引用我以前學(xué)生時(shí)期一個(gè)老師與我的對(duì)話(huà)：以前畫(huà)石膏的時(shí)候，我喜歡把五官刻畫(huà)的很精細(xì)，但是頭發(fā)的后面，我會(huì)簡(jiǎn)單的畫(huà)好大形體后然后模糊掉，老師問(wèn)我，為何這里要模糊，我說(shuō)為了拉開(kāi)景深，更有空間感。老師只說(shuō)了一句：后面是模糊的，但是也是存在的，不代表可以不畫(huà)。這句話(huà)我至今受用。

我們?nèi)绻O(shè)定好了每個(gè)圖標(biāo)的大小，那么就開(kāi)始在這個(gè)區(qū)域里面，精確到每個(gè)像素的去刻畫(huà)。

對(duì)于這次的圖標(biāo)繪制，我采用了幾何形剪切的方式去處理。比如：

整個(gè)形體都是根據(jù)幾何形剪切出來(lái)的，所以形體很標(biāo)準(zhǔn)，很干凈，修改的時(shí)候，也很方便的通過(guò)調(diào)整幾何形就可以修改到造型和細(xì)節(jié)部分。

一些圖形界面部分也同樣，要去找到你設(shè)計(jì)的根據(jù)，比如光盤(pán)的大小，標(biāo)準(zhǔn)CD-R和DVD,外圓直徑≤118mm,內(nèi)圓直徑≥22 mm。這是百度的結(jié)果，實(shí)際拿尺子去量，會(huì)有幾毫米的偏差。得出這個(gè)結(jié)果后，然后再設(shè)計(jì)中需要去真實(shí)運(yùn)用上去，當(dāng)然也要根據(jù)實(shí)際的情況，做一些細(xì)微的調(diào)整。但是整體的比例是對(duì)的，就會(huì)給人看上去“順眼”，因?yàn)楹湍闫綍r(shí)看到光盤(pán)，是一樣的。我們?nèi)粘？吹母鞣N形體，是有其形態(tài)的記憶的，所以你在設(shè)計(jì)類(lèi)似真實(shí)物件時(shí)候，最好看看原本的比例，去了解清楚為何這個(gè)比例會(huì)是這個(gè)設(shè)定，你在設(shè)計(jì)中還原的時(shí)候，才不會(huì)出現(xiàn)很大的偏差，盡可能不用感覺(jué)去調(diào)整大小，而是去真實(shí)的找到答案。

均衡

設(shè)計(jì)的時(shí)候“均衡”是很重要的一件事情，就比如程序的可實(shí)現(xiàn)性。如果你的設(shè)計(jì)會(huì)和程序?qū)崿F(xiàn)很大的沖突，那么要懂得改變你的設(shè)計(jì)去配合程序，達(dá)到最均衡的效果。

比如：

（動(dòng)畫(huà)做了慢動(dòng)作，以方便看清楚每一幀的動(dòng)作）

這個(gè)播放動(dòng)畫(huà)，主要想通過(guò)點(diǎn)擊后消失的動(dòng)態(tài)，前期稍慢，后期瞬閃結(jié)束，產(chǎn)生一種魔幻的效果。在設(shè)計(jì)的時(shí)候是這樣的，一共有5個(gè)節(jié)奏，2種變化，形體的變化是“放大”和“透明度”，這是動(dòng)畫(huà)的幀率和形體變化的參數(shù)：

程序?yàn)榱藢?shí)現(xiàn)，必須通過(guò)5段動(dòng)畫(huà)來(lái)實(shí)現(xiàn)，變大和透明度可以同時(shí)存在，每一段都完成變大和透明度的過(guò)程。

但是，這樣話(huà)會(huì)造成程序在運(yùn)行的時(shí)候很“卡”，原因是cup連續(xù)運(yùn)算這5段動(dòng)畫(huà)，甚至?xí)斐擅看慰吹降男Ч疾灰粯?，因?yàn)槊總€(gè)動(dòng)畫(huà)的輸出時(shí)間，根據(jù)調(diào)試結(jié)果可以看出每次輸出的時(shí)間都不是一致的，比如第一段的時(shí)長(zhǎng)假定是0.3毫秒，但是輸出的結(jié)果，會(huì)是0.289或是0.312。也就是說(shuō)每次計(jì)算后得出的結(jié)果不會(huì)不一致。甚至?xí)霈F(xiàn)掉幀的情況。

這時(shí)候，需要去均衡這個(gè)動(dòng)畫(huà)用什么方式去實(shí)現(xiàn)，會(huì)有幾種，比如程序不用系統(tǒng)自帶的動(dòng)畫(huà)庫(kù)，自己重新寫(xiě)一個(gè)動(dòng)畫(huà)方式去實(shí)現(xiàn)，或則是通過(guò)15張圖疊加出現(xiàn)。第一種的話(huà)會(huì)耗費(fèi)比較多的時(shí)間去實(shí)現(xiàn)，而且要與原有代碼結(jié)合的時(shí)候，不知道會(huì)不會(huì)出現(xiàn)其他問(wèn)題。第二種資源占用比較大，15張圖，每張20k的話(huà)，安裝包會(huì)變大。

那么一張圖的情況，可以通過(guò)一段動(dòng)畫(huà)去展示，犧牲一點(diǎn)點(diǎn)節(jié)奏感，但是視覺(jué)效果并沒(méi)有太大的影響。這樣可以確保每次點(diǎn)擊出來(lái)的結(jié)果是一致的。也不會(huì)導(dǎo)致“卡”的現(xiàn)象。

程序

上面其實(shí)說(shuō)了很多和程序相關(guān)的點(diǎn)，其實(shí)為何一個(gè)設(shè)計(jì)師要去強(qiáng)調(diào)了解程序?qū)崿F(xiàn)的原理，因?yàn)槲覀兪菍儆谲浖_(kāi)發(fā)的其中一部分，既然我們?cè)谶@個(gè)領(lǐng)域中，就要去學(xué)習(xí)相關(guān)的知識(shí)和配合程序去做設(shè)計(jì)。

有些時(shí)候，你了解了程序的實(shí)現(xiàn)原理，你可以通過(guò)程序直接繪圖。比如這個(gè)進(jìn)度條，我們?cè)谠O(shè)計(jì)的時(shí)候，看一下用了哪些圖層樣式得到的結(jié)果：圓角造型+描邊+漸變

那么，程序是可以實(shí)現(xiàn)圓角，描邊和漸變的，就可以用代碼寫(xiě)出這樣的控件。對(duì)于安卓適配來(lái)說(shuō)，可以適用于各種分辨率，同時(shí)還可以減少圖片的使用量。

最重要的，是當(dāng)你了解程序的實(shí)現(xiàn)方式后，很多時(shí)候?qū)υO(shè)計(jì)是很有幫助的，你可以清楚的知道，在設(shè)定功能和設(shè)計(jì)的時(shí)候，哪些地方通過(guò)設(shè)計(jì)可以讓程序?qū)崿F(xiàn)的更簡(jiǎn)單。還有就是在寫(xiě)程序的初期，告訴他們你整個(gè)功能的設(shè)定，以便他們?cè)诖罱ǔ绦蚣軜?gòu)的時(shí)候，可以考慮的更全面，就不會(huì)在后期要加功能和改設(shè)計(jì)的時(shí)候，改不動(dòng)了。某種意義上來(lái)說(shuō)，程序員會(huì)和你配合的更好。

所以回到產(chǎn)品層面的話(huà)，其實(shí)設(shè)計(jì)師是一個(gè)重要的橋梁，他能打通產(chǎn)品與程序中間雞同鴨講的尷尬局面，交互設(shè)計(jì)其實(shí)除了解決用戶(hù)的需求，更重要的也是要打通產(chǎn)品和程序的溝通。我之前的文章提到交互和視覺(jué)設(shè)計(jì)本是一家，不應(yīng)該拆分開(kāi)！當(dāng)你都掌握這些后，你會(huì)發(fā)現(xiàn)你能了解整個(gè)產(chǎn)品，這樣你的設(shè)計(jì)會(huì)更貼近產(chǎn)品原有的樣貌。

這里我要說(shuō)一個(gè)我的觀點(diǎn)：產(chǎn)品不是創(chuàng)造出來(lái)的，是還原出來(lái)的。世間萬(wàn)物一早就存在了，我們只是把它還原出來(lái)而已。

可以想像一下設(shè)計(jì)師假定只懂得高光+漸變的技巧，那其實(shí)就是一個(gè)純美術(shù)的制圖而已，因?yàn)椴涣私猱a(chǎn)品，是不能為產(chǎn)品量身定制一款產(chǎn)品的。有點(diǎn)像黑箱效應(yīng)，不能說(shuō)靠感覺(jué)設(shè)計(jì)是錯(cuò)的，而是不科學(xué)的。我們先拋開(kāi)科學(xué)是否可信這一點(diǎn)，但是科學(xué)可以做的，就是再現(xiàn)性。

所謂的再現(xiàn)性，就是你通過(guò)一個(gè)方法，你可以不斷的重復(fù)得出一個(gè)結(jié)果出來(lái)。那么，假定設(shè)計(jì)可以科學(xué)的計(jì)算，是可以再現(xiàn)的。擁有很好的美感，加上科學(xué)的計(jì)算，是大部分國(guó)外設(shè)計(jì)師的設(shè)計(jì)方式，這點(diǎn)是值得我們學(xué)習(xí)的。

說(shuō)回我不是很喜歡現(xiàn)在部分國(guó)內(nèi)UI設(shè)計(jì)師的一種氛圍，都在那里秀界面，秀圖標(biāo)，秀質(zhì)感什么的，而且很多是和自己做的產(chǎn)品沒(méi)關(guān)系的圖標(biāo)，不是不好，而是更應(yīng)該把設(shè)計(jì)體現(xiàn)到自己從事的行業(yè)中去，這樣你才能了解行業(yè)，最重要的是為每個(gè)行業(yè)做出更多精彩的設(shè)計(jì)出來(lái)，服務(wù)于大眾。畢竟我們的職業(yè)是為產(chǎn)品打造優(yōu)質(zhì)的界面，而不光是只滿(mǎn)足自己個(gè)人魅力值。個(gè)人魅力值是必定要去提高的，這點(diǎn)任何一個(gè)設(shè)計(jì)師都是必須做的，因?yàn)槲覀兪菍儆诰窦Z食大于物質(zhì)糧食的一類(lèi)人。只是除此之外，我們把自己手上的產(chǎn)品做到更優(yōu)，會(huì)為自己帶來(lái)更多的價(jià)值。這一點(diǎn)，在我接觸無(wú)數(shù)的獵頭、老板們，都苦于找不到懂行的設(shè)計(jì)師而苦惱，所以我感觸很深！

“江山如此多嬌，只知彎腰畫(huà)圖標(biāo)”這句話(huà)是我開(kāi)玩笑說(shuō)的，也是無(wú)力去影響設(shè)計(jì)圈的一句感嘆而已。

把以上的感觸歸到程序類(lèi)別去講，其實(shí)更多的是一種理性分析，設(shè)計(jì)與程序結(jié)合的重要性上，光做好看的效果而不考慮實(shí)現(xiàn)的話(huà)，是很吃虧的！

行業(yè)

所以最后要說(shuō)的，是行業(yè)，因?yàn)橐私猱a(chǎn)品，不得不去了解整個(gè)行業(yè)狀態(tài)。只有了解了行業(yè)，才能把你的產(chǎn)品結(jié)合現(xiàn)在行業(yè)，去迎合，去創(chuàng)新。

偶然的關(guān)系，我從事過(guò)化妝品、兒童產(chǎn)品、時(shí)尚服裝與飾品、聯(lián)網(wǎng)產(chǎn)品等各種行業(yè)，而每個(gè)行業(yè)，都會(huì)細(xì)分。

比如化妝品會(huì)分成日化線(xiàn)和專(zhuān)業(yè)線(xiàn)，服裝也會(huì)分人群，中低端的、高端的、中年的、白領(lǐng)的、人妖的等等?；ヂ?lián)網(wǎng)也會(huì)分領(lǐng)域，比如電商的、即通的，平臺(tái)類(lèi)的、社區(qū)化的、垂直內(nèi)容類(lèi)的等等。

所以，舉個(gè)例子，假設(shè)做化妝品專(zhuān)業(yè)線(xiàn)的設(shè)計(jì)，該怎么做？（專(zhuān)業(yè)線(xiàn)指的是產(chǎn)品直接由代理銷(xiāo)售至美容院，配合美容院spa等服務(wù)使用）產(chǎn)品的包裝固然重要，要高檔，蕾絲，金邊，凹凸印刷，飄逸的英文字，彩帶封裝一樣都不能。少少婦們舍得花錢(qián)，覺(jué)得花了幾千塊買(mǎi)一套產(chǎn)品值得。而更關(guān)鍵的，是怎么去設(shè)定這個(gè)產(chǎn)品的使用，讓他用的時(shí)候可以一直用下去，有一些比較潛規(guī)則的設(shè)計(jì)。

比如一個(gè)美容院銷(xiāo)售的套裝，假設(shè)套裝內(nèi)包含一瓶稀釋水，一個(gè)涂抹的膏狀物，一個(gè)珍珠粉。珍珠粉要用稀釋水來(lái)混合使用，你會(huì)發(fā)現(xiàn)你的稀釋水不夠用，那么你要補(bǔ)買(mǎi)一瓶水，然后發(fā)現(xiàn)珍珠粉不夠了，又要補(bǔ)買(mǎi)。然后這兩者都沒(méi)用完的時(shí)候，涂抹的又沒(méi)了….如此循環(huán)，能不一直用嗎？這是潛規(guī)則設(shè)計(jì)，那么你設(shè)定瓶子的大小的時(shí)候，怎么設(shè)計(jì)的讓他好看之余，也要去滿(mǎn)足這個(gè)設(shè)定，不然老板會(huì)直接把小瓶子的設(shè)計(jì)放大到他需要戰(zhàn)略上用的大小后去生產(chǎn)的。

還有就是產(chǎn)品使用的設(shè)計(jì)，你都不知道這個(gè)水和珍珠粉怎么去混合，你怎么設(shè)計(jì)那個(gè)混合用的容器？所以，不管做哪個(gè)行業(yè)的設(shè)計(jì)，一定要了解你的產(chǎn)品，要了解你的行業(yè)。這樣你做的東西，才會(huì)實(shí)用。老板不是笨蛋，和你說(shuō)做東西不對(duì)，是真不對(duì)，不是他土鱉，他只是不懂用我們能聽(tīng)懂的語(yǔ)言描述給我們聽(tīng)。笨的，是設(shè)計(jì)師不懂行而已，這點(diǎn)我們真的要去反思。當(dāng)然，也存在老板是笨蛋的情況…但是為了做到專(zhuān)業(yè)，先設(shè)定自己不懂，等真的懂得時(shí)候，再去罵老板笨蛋，也不遲。

說(shuō)回互聯(lián)網(wǎng)，我現(xiàn)在從事的音樂(lè)領(lǐng)域，那么就從一個(gè)功能點(diǎn)去講，先從行業(yè)中去看，聽(tīng)歌的人在乎歌詞，那么就應(yīng)該做歌詞的功能，而使用歌詞的時(shí)候，就會(huì)包含各種需求。比如你在看歌詞的時(shí)候，需要屏幕是一直亮著的，而不要因?yàn)橄到y(tǒng)的30秒自動(dòng)黑屏而影響。如果我們不了解使用歌詞的真實(shí)需求，是不知道不增加這個(gè)功能，會(huì)給人造成困擾的。比如是我要到系統(tǒng)設(shè)置設(shè)定為一直常亮呢，還是30秒點(diǎn)一下保證不黑掉呢？只有自己用了，或則有用戶(hù)告訴你了，你才知道。那么，作為你自己要使用的話(huà)，你會(huì)怎么設(shè)定這個(gè)按鈕呢？如果你也是同樣有這個(gè)需求的時(shí)候，你設(shè)計(jì)出來(lái)的東西，會(huì)不會(huì)更貼合使用者的心態(tài)呢？

這也就是為何我還在騰訊工作的時(shí)候，在24寸的顯示器中看歌詞，那12號(hào)宋體的字，我會(huì)那么的不滿(mǎn)意。然后通過(guò)設(shè)計(jì)的力量，去發(fā)明桌面歌詞的原因。因?yàn)樵O(shè)計(jì)能做出一般產(chǎn)品和程序不會(huì)去想像和實(shí)現(xiàn)的效果，之前我也說(shuō)過(guò)這個(gè)例子，很抱歉我又啰嗦的講了一次。因?yàn)槲覀儞碛羞@種魔力，就一定要好好的使用。

不光是這一個(gè)功能需要這樣去做，而是整個(gè)軟件，任何一個(gè)能使用的地方，都要這樣去設(shè)身處地的去做的話(huà)，你做出來(lái)的設(shè)計(jì)，就會(huì)很符合產(chǎn)品本身的形態(tài)。

做這個(gè)產(chǎn)品，進(jìn)入了這個(gè)行業(yè)，就要愛(ài)ta，要無(wú)時(shí)無(wú)刻不去想怎么可以讓ta更完美。

雖然這樣做的話(huà)，會(huì)超級(jí)累，因?yàn)橐冻龅臅r(shí)間和精力，比你簡(jiǎn)單的畫(huà)一個(gè)圖標(biāo)要困難和復(fù)雜的多。貌似轉(zhuǎn)了一個(gè)大大的圈圈才回到這個(gè)圖標(biāo)上。但是一旦你轉(zhuǎn)了一圈，變的懂行的時(shí)候，你就如魚(yú)得水，堪稱(chēng)“吵架王”，產(chǎn)品都沒(méi)有你了解產(chǎn)品的時(shí)候，能干贏你嘛？就是這個(gè)意思了…明白個(gè)中含義了把。

所謂的環(huán)形設(shè)計(jì)論，就是指你為何要做一個(gè)事情，把整個(gè)環(huán)節(jié)自己都走一遍在去做，比盲目的黑箱效應(yīng)去設(shè)計(jì)，會(huì)更科學(xué)和更有針對(duì)性。

以上是我通過(guò)多米音樂(lè)5.0這個(gè)項(xiàng)目和一些以往的行業(yè)得到的淺薄經(jīng)驗(yàn)，簡(jiǎn)單的講述了環(huán)形設(shè)計(jì)論的初衷和結(jié)果，希望對(duì)各位有用。

Ps:對(duì)這款產(chǎn)品感興趣的同學(xué)，可以通過(guò)多米官網(wǎng)了解和下載

來(lái)源：CDA畫(huà)報(bào)