-
1 # 山東堂璟畫室
-
2 # Ag銀子
題中所指的創意圖示是icon麼?我的理解是頁面中的icon,不知理解是否正確。
在icon設計上最重要的是功能理解,之後將功能轉化為圖形化的內容,icon要有較高的辨識度,方便使用者在看到icon時就可快速理解該功能是用來做什麼的。比如“銀行卡”的icon,一般都會畫一張卡片來表示。
就視覺風格而言,現階段應用的App中,icon的表達型別可以分為下圖幾種:
1、扁平化面狀icon;
2、2.5D立體型icon;
3、線性icon。
當然還有其他風格的icon,但基本是在這3種情況下延展而來的。
就icon而言,最重要的是要符合頁面風格,也就是說,所有的icon風格都需要統一(支付寶的icon我記得以前應該是扁平化面狀icon,但目前貌似有部分改動,應該還在迭代中,所以目前風格不是很統一)。
最後推薦一個網站:
iconfont(百度搜索阿里相簿就可以找到,logo是一個小骷髏),裡面有很多icon,微博賬號可直接登入,可以下載svg格式的檔案。
-
3 # 分享影視創造社
在網上看過很多設計師的圖示製作過程,基本都是偏向技法的介紹.其實在圖示設計過程中除了技法之外最重要的就是圖示創意了,但這方面的系統介紹網上倒是很少.借這次實際的介面設計專案,來分享下我自己對介面圖示製作創意階段的方法的理解.並以豐富的圖例來闡釋自己的想法!以次作為圖形介面設計師交流的引子!歡迎大家進來交流!
這個過程比較長,自己只能分階段的準備好,發上來!快畢業了事情很多,多多諒解!
今天把部分草圖放上來!創意說明後續準備。
第一部分:圖示創意階段
其實這個階段之前還有個重要的步驟,就是創意準備。
根據專案需求,確定圖示的風格,這在介面設計過程中,有風格評測的方法來確定專案是走什麼風格路線.這也是專案前期使用者研究的內容,有潛力的公司會制定"使用者角色",用來指導介面視覺風格方向、介面內容建構和互動設計等!
當我們接到設計任務後,我們怎麼開始設計圖示呢?首先我們要看懂介面需求,對每個功能圖示的定義要非常清楚,否則我們設計的結果將導致使用者難以理解,這個也是圖示設計所關心的可用性問題!這在我博課裡引用了Jakob Nielsen"s Website裡面的文章“Icon Usability”,大家可以去看看。差的圖示設計最終導致使用者介面的操作失敗的體驗。但視覺審美和可用性有時候存在矛盾的方面,我們不能走極端,只顧及可用性但忽視設計美觀的一面,也不能追求設計上的美的需求而忘了這是功能性很強的介面圖示,最好是能在兩者之間取得平衡!
理解功能需求後,我們要收集很多關於“詞語——圖形”之間能轉化的元素,用生活中的物或其他視覺產品來代替所要表達的功能資訊、或操作提示。例如音樂:我們會想到,音符、光碟、音樂播放機、耳機等等。但到底選擇什麼來表達呢?原則上是越貼近使用者的心理模型最好,用大家常見的視覺元素無來表達所要傳達的資訊。隱喻是在圖示設計中是必要的思維方法!找出物與所指之間的內在含義,這就要求設計師對生活的細微觀察,豐富的聯想能力。當然這也就是設計的困難點,做好一個圖示設計不亞於好的產品創意設計,包括最終的圖示製作也是體現設計師能力之處,特別是現在高解析度的顯示裝置大量應用,好的介面要得到使用者的認可,高質量的圖示設計比不可少!(難啊!現在對GUI設計的理解還只限於平面美工,管理者的意識往往關係到一個行業是否正常發展。我們的工作要得到認可,需要大家的共同努力!)
回覆列表
好的作品,源自創造。而好的創作又需要注入靈魂,那麼我個人認為,一個好的作品,可以用手繪去找一下靈感,畢竟機器是沒有感情的。