• 
• 
• 
• 
• 
• 
• 

返回貼子列表		發(fā)表新貼
主題： 泛泛而談界面視覺(jué)效果的一致性	共有1213人瀏覽過(guò)本貼	主貼管理 置　頂 加　精 結(jié)　貼 轉(zhuǎn)　貼

昵稱(chēng)：奈薇建站網(wǎng) 論壇積分：108000 發(fā)貼等級(jí)：21 發(fā)貼數(shù)：1156 回貼數(shù)：1282 被砸雞蛋：1 獲贈(zèng)鮮花：182

發(fā)表時(shí)間：2019/7/18 13:01:00 樓　主 泛泛而談界面視覺(jué)效果的一致性 　　原來(lái)的題目設(shè)想為界面視覺(jué)效果的統(tǒng)一性，但是“統(tǒng)一”這個(gè)詞似乎有點(diǎn)敏感，怕觸動(dòng)萌點(diǎn)無(wú)數(shù)，而我也無(wú)意去設(shè)定一個(gè)什么什么的統(tǒng)一性來(lái)侃侃而談，極為專(zhuān)業(yè)而考究，且畢竟是一篇博客文章，怕斬首細(xì)胞無(wú)數(shù)，索性改為“一致”略為妥當(dāng)。泛泛而談更是期望隨意的態(tài)度，到哪算哪。有失偏頗，也在情理之中，當(dāng)情有可原。若起爭(zhēng)議，求同存異，全為拋磚引玉。 　　何謂“一致”：趨向相同。亦謂沒(méi)有分歧。《易系辭下》：“天下同歸而殊涂，一致而百慮?！边_(dá)成一致可有不同方法，在視覺(jué)上亦可稱(chēng)之為不同的表現(xiàn)和手段。當(dāng)然更為重要的是達(dá)成一致的視覺(jué)表現(xiàn)需要有一個(gè)整體的主題框架，以及在此框架下的多個(gè)前提點(diǎn)。 　　小學(xué)階段，知識(shí)貧乏而單一，造成任何科目的老師們慣用的一個(gè)哲學(xué)思想無(wú)不是：“世界上沒(méi)有兩片葉子是相同的?！边@句話或許對(duì)或許不對(duì)，對(duì)的是，世界上真的沒(méi)有兩片葉子是完全一致的，不對(duì)的是一致的前提太過(guò)于狹隘?！巴耆恢隆必M非狹隘？如果前提是葉子的顏色，那么所有黃色的葉子都是一致的。如果前提是葉子的形狀，那么所有巴掌樣的葉子都是一致的。如果前提是葉子的種類(lèi)，那么所有楓樹(shù)的葉子都是一致的。甚至促成葉子一致的前提還有質(zhì)感、季節(jié)、空間、掉落得速度等等等等諸如此類(lèi)，而不能通過(guò)人的個(gè)人意志和感覺(jué)。 　　將這些一致的前提點(diǎn)在不同情況下綜合、取舍，有助于我們?nèi)フJ(rèn)定一個(gè)相同屬性的范圍，在界面的視覺(jué)表象上我們同樣可以借助這個(gè)一致性去認(rèn)定同一范圍下的品牌效應(yīng)，這個(gè)一定的范圍概念包括：同一公司下的結(jié)界面效果，同一屬性下的產(chǎn)品界面，不同版本的同一個(gè)軟件產(chǎn)品的界面??當(dāng)然這個(gè)是引申開(kāi)去的題外話。 　　言歸正傳，在不同的主題框架下設(shè)定一致性的前提，是至關(guān)重要的，只有當(dāng)物體的表象被設(shè)定了一個(gè)對(duì)應(yīng)的前提，所謂的視覺(jué)一致性才得以成立。在具體設(shè)計(jì)過(guò)程中，就得事先提煉一個(gè)一致性的主題框架，在這個(gè)主題框架下去選擇必須囊括的一致性的前提點(diǎn)進(jìn)行組合，以達(dá)到視覺(jué)效果一致性的設(shè)計(jì)和判斷等目的。 　　以下為自己過(guò)往設(shè)計(jì)的一些界面，按照時(shí)間順序跨度一年有余，期望從一個(gè)設(shè)計(jì)時(shí)間線上去看待不同設(shè)計(jì)作品。個(gè)人認(rèn)為，通過(guò)界面組成元素和表現(xiàn)手段的拆分，盡管每一個(gè)設(shè)計(jì)的顏色各異，每一個(gè)設(shè)計(jì)對(duì)應(yīng)的產(chǎn)品也有自己的特色，每一個(gè)設(shè)計(jì)的結(jié)構(gòu)有所區(qū)別，但他們的視覺(jué)表現(xiàn)基本還是保持一致的。 　?。▓D一展示界面的合集） 　　每一個(gè)設(shè)計(jì)都有不同的視覺(jué)表現(xiàn)，形、色、質(zhì)相輔相成。每一個(gè)界面也有不同的組成元素，文字、組件、圖標(biāo)交融交錯(cuò)。每一個(gè)組成部分都有特定條件下的前提以促成他們?cè)谝曈X(jué)表現(xiàn)上的一致性。本文的重點(diǎn)是對(duì)一致性的前提概念進(jìn)行確立的探討。而不是去梳理作為一致性前提的每一個(gè)具體實(shí)在可觸碰的點(diǎn)，因?yàn)檫@是一個(gè)龐大的內(nèi)容，必須細(xì)致的區(qū)分每一個(gè)主題框架下組成部分的一致性前提點(diǎn)，以及這些前提點(diǎn)在特定條件下的取舍與組合。以來(lái)對(duì)應(yīng)特定產(chǎn)品系列的一致性概念。 　　因此文中只就自身界面視覺(jué)設(shè)計(jì)中所能提取到的幾個(gè)前提點(diǎn)進(jìn)行是否影響一致性以及重要程度的舉例描述： 　　形的表象： 　　界面的形具體分為外形，內(nèi)形。外形側(cè)重界面的外在具體形狀。內(nèi)形對(duì)界面的內(nèi)容進(jìn)行并列和分割。 　　外形方面：每一個(gè)產(chǎn)品的主界面外形都是來(lái)源于軟件本身的特點(diǎn)，這個(gè)不能作為一個(gè)界面視覺(jué)一致性的重點(diǎn)參考。這個(gè)比較好理解，比如即時(shí)通信界面，不可否論他肯定有被改變的一天，但至少在目前看來(lái)長(zhǎng)條形的豎形界面是給用戶的第一直觀感受。至于長(zhǎng)條形的寬度和比例，將會(huì)作為一個(gè)參考要素影響到界面視覺(jué)效果的一致性。所以當(dāng)相同屬性的界面在趨于同樣外形的同時(shí)，考慮到產(chǎn)品特點(diǎn)，也需要適當(dāng)?shù)念櫦盎ハ嘀g的外形感受。當(dāng)然還有一些細(xì)節(jié)的處理方式也會(huì)在必要的時(shí)候造成界面視覺(jué)效果的一致性，比如外形的圓角弧度、界面邊框的厚度就是必須需要注意的細(xì)節(jié) 　　內(nèi)形方面：內(nèi)形方面除了同屬性的界面他們因?yàn)楣δ艿慕贫a(chǎn)生的布局結(jié)構(gòu)外，他們的并列方式、分割方式應(yīng)該采取相應(yīng)的一致性前提，比如線條的劃分、兩種色彩的劃分、質(zhì)感的結(jié)構(gòu)劃分、用戶意想的劃分?? 　?。▓D二外形和內(nèi)形的在舉例界面合集中的一致性體現(xiàn)） 　　色彩的表現(xiàn)： 　　色彩運(yùn)用產(chǎn)生的感覺(jué)，豐富而多彩，是影響視覺(jué)一致性比較重要的前提點(diǎn)。 　　前提點(diǎn)可以分為顏色絕對(duì)的一致，如色相、純度、明度的絕對(duì)一致或差別細(xì)小。退一步有單純的色相的一致，或者明度相同，相似色組合的色彩一致。如果不同產(chǎn)品產(chǎn)品之間考慮到某種似親非親的關(guān)系，他們的顏色組合還有相似色、三色組、全色相換等組合產(chǎn)生的色彩感覺(jué)一致性。 　　在色彩具體的單個(gè)假面表現(xiàn)運(yùn)用上也有一些色彩的一致性前提，比如單色的漸變手法，雙色的漸變手法，雙色的運(yùn)用又有相似色，互補(bǔ)、分裂互補(bǔ)等調(diào)和方式。如此細(xì)節(jié)的考慮，可以使一致性在多個(gè)方面來(lái)影響目的，通過(guò)這些被經(jīng)常稱(chēng)作色彩感覺(jué)的感性事物來(lái)達(dá)到視覺(jué)效果一致性的目的，而不僅僅是只認(rèn)定單一顏色相同才算是一致的狹義上的一致性，否則將直接造成設(shè)計(jì)想像的單一。 　　（圖三相似色組合顏色方式在舉例界面合集中的一致性體現(xiàn)） 　?。▓D四顏色明度及雙色的漸變方式在舉例界面合集中的一致性體現(xiàn)） 奈薇建站網(wǎng)致力于，讓每個(gè)中國(guó)人、每個(gè)中國(guó)企業(yè)都擁有自己的“官方網(wǎng)站”！ 回復(fù)此貼 單貼管理 修　改 刪　除 清理簽名 TOP

共0個(gè)回貼   分0頁(yè)

上一頁(yè) / 下一頁(yè)   當(dāng)前第頁(yè)

奈薇建站網(wǎng)青島網(wǎng)站建設(shè)公司/青島網(wǎng)站制作公司，專(zhuān)業(yè)提供"氣質(zhì)"型網(wǎng)站建設(shè)及精美網(wǎng)站制作服務(wù)，同時(shí)歡迎各地網(wǎng)站建設(shè)公司、網(wǎng)站制作公司代理我們的奈薇建站系統(tǒng)共同發(fā)展

熱點(diǎn)地區(qū)：青島網(wǎng)站建設(shè)價(jià)格 青島即墨網(wǎng)站制作公司 開(kāi)發(fā)區(qū)信息港 山東在線門(mén)戶