淺談產(chǎn)品設(shè)計(jì)中的邏輯

2 評(píng)論 18591 瀏覽 4 收藏 8 分鐘

邏輯(理則學(xué)),源自古典希臘語λ?γο? (logos),最初的意思是“詞語”或“言語”,還引申出意思“思維”或“推理”。邏輯經(jīng)常被認(rèn)為對(duì)論證評(píng)價(jià)準(zhǔn)則的研究,盡管邏輯的精確定義在哲學(xué)家之間尚有爭(zhēng)議的事情。這個(gè)主題還是有所依據(jù)的,邏輯學(xué)家的任務(wù)是相同的:提出大量的有效和謬誤的推論,從而允許人們區(qū)別出好論證和壞論證。

邏輯,也就是思維的規(guī)律。小時(shí)候有人問我一群羊加一群羊等于多少群羊,我二話不說是兩群羊,他說錯(cuò)了,是一大群羊。1+1=2是真理,1+1=1也是真理。邏輯的存在如同我們?nèi)粘I钜粯?。有著密不可分的常態(tài)感。種族之間的相互不一影響著人類的認(rèn)知,美國(guó)人的獨(dú)立平等可不一定能讓各就其位等級(jí)嚴(yán)格的日本人接受。所以,我理解的設(shè)計(jì)中的邏輯,是常規(guī)意識(shí)下有規(guī)范有順序,有理有據(jù),小到一個(gè)符號(hào)也能說明和畫面的關(guān)系以及他存在的意義的。

所以,個(gè)人才疏學(xué)淺,不敢說自己寫的多么有道理,只為這寥寥幾年的設(shè)計(jì)工作經(jīng)驗(yàn)和閱讀書籍中得來的一些設(shè)計(jì)中的邏輯推論,總結(jié)如下。

1.設(shè)計(jì)中的閱讀邏輯-古騰堡圖表
我們引導(dǎo)用戶從我們的畫面讀取我們想引導(dǎo)的信息。但是早在14世紀(jì)一位名叫約翰古騰堡的德國(guó)印刷工人就發(fā)現(xiàn)了習(xí)慣視覺點(diǎn)的閱讀規(guī)律。他不僅是西方人眼中的活字印刷術(shù)發(fā)明者,也告訴我們?nèi)嗽跒g覽畫面或布局的時(shí)候,視線往往從左上角移動(dòng)到右下角。我們的視覺點(diǎn)生來就是不公平的,就像我們喜歡看吸引眼球的美好事物一樣,對(duì)角線平衡的閱讀軌跡規(guī)律可以幫我們?cè)谠O(shè)計(jì)中避免一些規(guī)范性錯(cuò)誤,當(dāng)然并不是所有畫面都適用,避免教條主義。

230U224W-2

230U244C-3

230U23195-4

根據(jù)古騰堡圖表的閱讀邏輯來看,這一系列圖片首先從左上角看到的是該品牌的logo,再由閱讀軌跡從對(duì)角線視覺中的詞組到右下角的產(chǎn)品,畫面需要強(qiáng)調(diào)的元素都在閱讀邏輯的規(guī)律下展現(xiàn)。其余的視覺盲點(diǎn)則是輔助性元素。

2.直線式邏輯
對(duì)于直線式邏輯,我的理解是自上而下如同權(quán)力分配等級(jí)制度。同產(chǎn)業(yè)鏈一樣,一環(huán)扣一環(huán),每個(gè)環(huán)節(jié)都是緊密相連前后有序,嚴(yán)謹(jǐn)合理。例如一個(gè)產(chǎn)品的頁面詳情如下:

230U223E-5

直線式邏輯思路明確,針對(duì)性強(qiáng),容易看懂,我們引導(dǎo)用戶順著這個(gè)邏輯看設(shè)計(jì)也不會(huì)思路混淆。

3.金字塔式邏輯
金字塔式邏輯,結(jié)構(gòu)中的各種分類以僅有的幾種邏輯方式互相聯(lián)系(向上、向下和橫向),構(gòu)成相互聯(lián)系緊密且通暢的邏輯思路。金字塔邏輯運(yùn)用廣泛,例如網(wǎng)站架構(gòu)

230U24629-6

4.曲線式邏輯
奢侈品為什么可以常年價(jià)格居高不下卻有大批忠實(shí)購買者,玩的就是曲線式消費(fèi)。一邊原料至上價(jià)格不菲,一邊品牌炫耀滿足人們的虛榮心,兩者膨脹日益上升形成我們的微笑式價(jià)格欺貧戰(zhàn)略。越貴越有人買!

奢侈品在富有國(guó)家的價(jià)格遠(yuǎn)低于貧窮國(guó)家的價(jià)格,背行“價(jià)格規(guī)律”大獲成功。這種壟斷式捆綁銷售使曲線式消費(fèi)在一種不合乎邏輯但合乎市場(chǎng)特殊規(guī)律的情況下成為商業(yè)奇異戰(zhàn)略。

在此我大膽假設(shè)曲線式消費(fèi)也能轉(zhuǎn)化成設(shè)計(jì)中的曲線式邏輯–設(shè)計(jì)或產(chǎn)品獨(dú)一無二的領(lǐng)先性與用戶非理性思維的消費(fèi)模式。領(lǐng)先意味著壟斷。非理性消費(fèi)很大程度體現(xiàn)消費(fèi)者有強(qiáng)烈的欲望,兩者趨于上升,由最初的設(shè)計(jì)邏輯轉(zhuǎn)化成銷量或者點(diǎn)擊率是相當(dāng)可觀的。蘋果產(chǎn)品在中國(guó)的價(jià)格為什么比在美國(guó)貴,卻照樣能另國(guó)人瘋狂通宵排隊(duì)購買,個(gè)人覺得也是有這因素在里面。

230U22145-7

5.網(wǎng)格
網(wǎng)格是用豎直或水平分割線將布局進(jìn)行分塊,把邊界,空白和欄包括在內(nèi),以提供組織內(nèi)容的框架的輔助性工具。設(shè)計(jì)中不能忽視的網(wǎng)格,從印刷物料到網(wǎng)頁頁面,還是最新的Windows8系統(tǒng)界面,無論我們的設(shè)計(jì)如何,網(wǎng)格在設(shè)計(jì)中必然存在。網(wǎng)格可以使頁面布局顯得緊湊而且穩(wěn)定,為設(shè)計(jì)師在設(shè)計(jì)站點(diǎn)時(shí)提供一個(gè)邏輯嚴(yán)謹(jǐn)?shù)哪0?。網(wǎng)格也可以使版式設(shè)計(jì)有連貫性和韻律,讓那些看上去相當(dāng)小并且毫無聯(lián)系的元素也可以在網(wǎng)格的布局里占有自己的一席之地。

但是網(wǎng)格不只是讓設(shè)計(jì)師一味地按照規(guī)律來枯燥的設(shè)計(jì),只是在一個(gè)合理的運(yùn)用下構(gòu)造和設(shè)計(jì)出好的作品來,適時(shí)地打破規(guī)則也能有意外的驚喜。

230U2K45-8

舉例版式設(shè)計(jì)中字與圖形的網(wǎng)格布局

230U23531-9

原文來自:人人小站

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. ??

    來自遼寧 回復(fù)