產(chǎn)品中規(guī)范化的圖形語(yǔ)言,語(yǔ)言規(guī)范化的意義與過(guò)程

2022-05-30    分類(lèi): 網(wǎng)站建設(shè)

雖無(wú)正確的官方謎底,但從一個(gè)是整個(gè)Apple產(chǎn)品資源應(yīng)用來(lái)源和一個(gè)是娛樂(lè)內(nèi)容來(lái)源的的兩個(gè)具有類(lèi)似性質(zhì)的貿(mào)易平臺(tái)產(chǎn)品來(lái)看,它們顯然是被Apple寄予相稱(chēng)大期望,在感觀(guān)上看來(lái),它們?cè)诒毁x予更厚重、大氣的形象這一改變,能夠很好的服務(wù)于其公司的貿(mào)易戰(zhàn)略。下圖中我大致的列了一下Adobe產(chǎn)品logo的一個(gè)進(jìn)化轉(zhuǎn)變過(guò)程:

現(xiàn)在跟著互聯(lián)網(wǎng)企業(yè)的發(fā)展與業(yè)務(wù)的拓展,跟著時(shí)間的推移,一個(gè)公司的產(chǎn)品可能將越來(lái)越豐碩多樣,同樣每一個(gè)產(chǎn)品隨不斷的功能完善和擴(kuò)展,跟著一個(gè)產(chǎn)品的“長(zhǎng)大”產(chǎn)品內(nèi)所需要用到的圖標(biāo)也必定會(huì)越來(lái)越多,這時(shí)候眾多產(chǎn)品形象的呈現(xiàn)、產(chǎn)品內(nèi)圖標(biāo)等視覺(jué)原素的表現(xiàn),如何能與整個(gè)產(chǎn)品或公司的戰(zhàn)略計(jì)劃相適應(yīng),這時(shí)候在圖形語(yǔ)言的視覺(jué)呈現(xiàn),語(yǔ)義表達(dá)、識(shí)別性等層面就需要作一個(gè)全面細(xì)致的考慮了。

1  圖形符號(hào)
 需要留意圖標(biāo)各層面意義上的繼續(xù)性題目,避免讓用戶(hù)造成識(shí)別上的難題。 

產(chǎn)品陣容強(qiáng)盛的Adobe帝國(guó)在CreativeSuite 3發(fā)布的時(shí)候?yàn)槠煜氯慨a(chǎn)品Logo進(jìn)行一個(gè)色環(huán)劃分圖,很好的呈現(xiàn)出各產(chǎn)品logo的色彩關(guān)系和一個(gè)完整的用色體系。
以后整站的圖標(biāo)根據(jù)各自的位置和需要,將有序的根據(jù)規(guī)則加上相應(yīng)尺寸的圖標(biāo),這樣網(wǎng)站在圖標(biāo)符號(hào)展示層

用情況來(lái)商定3種常用尺寸:48×48 pix 、32×32 pix 、16×16 pix,

嚴(yán)格的尺寸限制,但為了網(wǎng)站的視覺(jué)體驗(yàn)的規(guī)范性和同一性,“我的阿里”圖標(biāo)規(guī)范中根據(jù)以往圖標(biāo)各尺寸的使

在整站圖標(biāo)尺寸規(guī)格方面,固然Web 頁(yè)面的圖標(biāo)不需要像操縱系統(tǒng)或者客戶(hù)端軟件那樣,對(duì)圖標(biāo)尺寸有著

一般表現(xiàn)為直接的操縱按鈕或標(biāo)明該操縱的輔助標(biāo)識(shí)符號(hào),圖形表現(xiàn)為簡(jiǎn)潔明了,用色簡(jiǎn)潔、扁平。

2  產(chǎn)品界面中的功能、工具圖標(biāo)

圖形輕易被用戶(hù)所記憶、熟知,而且有較強(qiáng)的排它性(不易和其它圖標(biāo)攪渾)。色彩造型表現(xiàn)可以精致富有表現(xiàn)力,也可以簡(jiǎn)潔明了,質(zhì)感單純。

一功能模塊內(nèi)甚至整個(gè)產(chǎn)品的圖標(biāo)的質(zhì)感、色彩飽和度要同一;

一個(gè)功能模塊里面的圖標(biāo)尺寸要有較好的視覺(jué)平衡性;

視覺(jué)體驗(yàn)同一,視覺(jué)語(yǔ)言自成體系;

表意清楚明了,采用大家均已接受的特定含義的元素圖形;

功能、工具圖標(biāo)設(shè)計(jì)原則:

在一個(gè)產(chǎn)品界面中,用概括精煉的形象來(lái)表示某一類(lèi)功能或操縱集合的功能性圖形標(biāo)識(shí),常會(huì)有成組有規(guī)律的在某一功能模塊中泛起。

3 產(chǎn)品圖標(biāo) (Logo)

在圖標(biāo)的分類(lèi)上,我們將網(wǎng)站圖標(biāo)分為以下三類(lèi):

Apple公司在2010年和2011年先后將itunes與App store的Logo作出了比較重大的調(diào)整,到Max OS Lion版本時(shí),兩大平臺(tái)級(jí)的產(chǎn)品新形象同時(shí)展現(xiàn)在用戶(hù)Mac的Dock上。

能很好的詮釋出該產(chǎn)品所承載的功能 和 所要向用戶(hù)傳達(dá)的產(chǎn)品價(jià)值和形象;

產(chǎn)品圖標(biāo)設(shè)計(jì)原則:

它是一款產(chǎn)品在品牌層面上的定義,指一個(gè)產(chǎn)品系統(tǒng)形象、定位和訴求的集中圖形化表現(xiàn),產(chǎn)品圖標(biāo)(Logo)起到產(chǎn)品或公司識(shí)別推廣作用,通過(guò)形象的圖形標(biāo)識(shí)讓用戶(hù)熟悉、記住并熟識(shí)一個(gè)產(chǎn)品。

我們來(lái)看幾個(gè)典型的例子,回顧一下 Adobe 產(chǎn)品系列的成長(zhǎng)過(guò)程, 從2005年 Adobe 收購(gòu)了原大的競(jìng)爭(zhēng)對(duì)手Macromedia公司后,它的產(chǎn)品線(xiàn)得到了極大豐碩, 而后在2002年Adobe確立了 Creative Suite概念后,后續(xù)的新產(chǎn)品持續(xù)推出,龐大的產(chǎn)品線(xiàn)以一種什么樣的展現(xiàn)方式呈現(xiàn)在用戶(hù)眼前便成為了一項(xiàng)非常重要的課題。另外itunes 10的發(fā)布后側(cè)欄的圖標(biāo)全部變成了單色,這一變化我以為是為了凸起Store的資源核心區(qū)域,夸大產(chǎn)品的平臺(tái)性,和上述的分析一樣,這個(gè)視覺(jué)表現(xiàn)層面的調(diào)整同樣是為了整個(gè)產(chǎn)品的資源貿(mào)易戰(zhàn)略服務(wù)的。

成套的多個(gè)圖標(biāo)內(nèi),圖形語(yǔ)義要有較好的一致性。

網(wǎng)頁(yè)名稱(chēng):產(chǎn)品中規(guī)范化的圖形語(yǔ)言,語(yǔ)言規(guī)范化的意義與過(guò)程
文章位置:http://www.bm7419.com/news19/161619.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、搜索引擎優(yōu)化云服務(wù)器、虛擬主機(jī)、關(guān)鍵詞優(yōu)化、響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)