|
第二部分：草圖繪制階段
這個階段就是把我們的創(chuàng)意繪制出來，檢驗下視覺關(guān)系，也就是在視覺方面多在草圖上推敲，這樣效率高些，避免在渲染完后來后悔。（后悔啥！那就是重來了！）首先要確定我們圖標(biāo)透視，這是關(guān)系到一套方案中的每個圖標(biāo)的透視方向，這是在圖標(biāo)設(shè)計一致性方面的基本要求，透視統(tǒng)一。然后一步步的添加細(xì)節(jié)。如下圖所示：
在這個階段我們還要檢查下元素之間的組合方式（有文字，大家點擊看吧，打字很累啊�。�。如下圖：
點擊放大
圖標(biāo)視覺分析：
往往一個圖標(biāo)要表達(dá)一定的含義就必須組合不同的形態(tài)，借助單個形態(tài)所傳達(dá)的內(nèi)在信息，拼合在一起去傳達(dá)另外一種信息。例如在設(shè)計“導(dǎo)航”功能圖標(biāo)時候：我們第一反應(yīng)是與衛(wèi)星有關(guān)，但就以單個衛(wèi)星的外形來傳達(dá)導(dǎo)航的含義恐怕不狗，于是再聯(lián)想與導(dǎo)航有關(guān)的信息圖示：“坐標(biāo)”“旗幟”“陸地”等。再經(jīng)過設(shè)計師以視覺平衡原理合理的布置他們之間的主次、空間關(guān)系。要注意的是：不可隨便使用其與要表達(dá)功能相關(guān)的圖形或物體，要經(jīng)過精心的挑選，最好是大家熟悉、易記的物或形，畢竟我們的目的是要幫助用戶更形象的理解計算機(jī)程序的內(nèi)在功能含義，以易記、易懂為前提。也不能借助過多的圖形來表達(dá)圖標(biāo)含義，過于復(fù)雜反而影響用戶的理解。
上圖是分析形態(tài)組合之間的關(guān)系，探索最佳組合方式。形成視覺與功能的統(tǒng)一。
出處：UI樂園
責(zé)任編輯：moby
上一頁 界面圖標(biāo)創(chuàng)意設(shè)計教程 [1] 下一頁 界面圖標(biāo)創(chuàng)意設(shè)計教程 [3]
|
第 1 頁 
第 2 頁 界面圖標(biāo)創(chuàng)意設(shè)計教程 [2]
