第一篇：解析程序圖標的設計思路和技巧

解析程序圖標的設計思路和技巧

程序圖標主要作用是為了使該程序更加具象及更容易理解，除了上述的作用外，有更好視覺效果的圖標可以提高產品的整體體驗和品牌，可引起用戶的關注和下載，激發起用戶點擊的**。

表現形態

在有限的空間里表達出相對應的信息，在IOS 程序圖標設計中，直觀是第一個解決的問題，不應該出現大多繁瑣的修飾，當然還要有很好的視覺表現力，使用戶可以更容易理解此應用的實際作用，更輕松地辨識此應用。下面來說說幾種表現的形態。

圖形表現

在只用圖形表現應用程序的用途，圖形可以很好地吸引用戶的眼球，更具象地表現出信息。

文字表述

文字表現是一種非常直觀的表現方法，文字應該簡潔明了，不繁瑣。

圖形和文字結合

此形式有很好的表現力之余還可以直接把信息告知用戶，因為會有一定的內容，所以在空間布局上要注意疏密，避免繁瑣擁擠。

IOS 程序圖標特性

IOS系統桌面圖標與其他移動系統的圖標存在非常大的區別，因為IOS圖標有很好的整體性，良好的整體性可以減少用戶體驗上帶來的沖突，所以我們需要保持其中的一些特點，以便程序可以更好融入系統中，帶給用戶更好的應用體驗。

尺寸

在不同設備的IOS系統桌面中，程序圖標的尺寸和默認自帶的修飾效果會有不同，系統默認自帶的修飾效果可以使圖標更好保持IOS風格，但很多時候為了實際效果，我們可以要求系統不作部分效果的添加，以便達到我們想要的效果。

上傳到APP Store需要512px X 512px的圖片

在Iphone 960px X 640px分辨率中

圖標顯示尺寸 114px X 114px

20像素的圓角

4像素的90度黑色投影

2像素的90度白色內投影

默認自帶的高光

在Iphone 480px X 320px分辨率中

圖標顯示尺寸 57px X 57px

10像素的圓角

2像素的90度黑色投影

1像素的90度白色內投影

默認自帶的高光

在Ipad 1024px X 768px分辨率中

圖標顯示尺寸 72px X 72px

13像素的圓角

2像素的90度黑色投影

1像素的90度白色內投影 默認自帶的高光

質感

在IOS中，為表現圖標的質感，很多時候都會為其添加一些光感，使其更有質感。光是從上面來的，所以過渡顏色的漸變應該是從上往下的。很多時候為表現IOS系統類似玻璃質感般的感覺，圖標底部都會帶有一個亮度較高的反光，當然這些都是以我們想要的實際效果而繪制添加。

IOS 程序圖標設計的構思

為表達好應用程序的作用，我們可以將應用程序的圖標作很多不同視覺效果的處理，以達到更好的視覺享受。不同類型的應用要注意表現的效果，如新聞資訊類的應該簡潔一點，使其應用有更好的整潔的感覺，如游戲類可以設計得給用戶一種活躍的感覺，如一些日常應用類的我們很多時都會將其擬物化，使用戶更直觀地感受到其作用，這種方法是我們最常見的。

在這里著重說一下擬物化程序圖標，這是非常具象去表現程序用途的方法，但有時候要表現的元素存在幾個的時候，在狹小的空間中不一定能放下如此多的元素，所以要分析輕重，輕的可以減少占據位置的比例或者將其去除，重的要多作強調，同時，要找到多樣元素中的共性。

我們只需找到共性，就能構想出不錯的創意。

在圖形的構思上有時我們可以利用IOS圖標的圓角制作一些特殊的感覺效果處理，如立體感，這些可以幫助圖標有更好的視覺沖擊力，更容易獲取用戶的喜愛與點擊。

實踐分享

說了這么多，下面我們馬上來從零開始構思和繪制精美的IOS應用程序圖標。

程序名稱：MyRange

平臺：Iphone

版本：V0.001

出版商：UEDC

用途：LOMO拍照軟件

首先說明的是，設計的方法不是唯一的，構思和繪制的方法也是無限多的，那么馬上開始!

想到拍照軟件，首先會想起的是相機，那么相對應這個軟件的圖標可以繪制一個LOMO相機作嘗試。

很多時我們為了使繪制的物品視覺效果更好，我們需要一些參照物，這次我用萊卡M9來做參照物。在參照物得基礎上，進行更多個性化的處理。

為了視覺效果更好，我想其有一點透視的感覺，那么可以利用IOS圖標圓角的特征，形成一種立體的感覺。

之后給圖標上色，將各大部分大致的顏色分出來

繪制出各部分的質感，應有的皮質和金屬的質感，制造金屬的可以添加一點雜色

加強光感，光是從90度向下照的，繪制出該有的反光位和兩邊的過渡轉折位，鏡頭部分局部細致刻畫，最后整體調整，完成!

第二篇：iOS圖標設計思路

程序圖標主要作用是為了使該程序更加具象及更容易理解，除了上述的作用外，有更好視覺效果的圖標可以提高產品的整體體驗和品牌，可引起用戶的關注和下載，激發起用戶點擊的欲望。

表現形態

在有限的空間里表達出相對應的信息，在iOS 程序圖標設計中，直觀是第一個解決的問題，不應該出現大多繁瑣的修飾，當然還要有很好的視覺表現力，使用戶可以更容易理解此應用的實際作用，更輕松地辨識此應用。下面來說說幾種表現的形態。

圖形表現

在只用圖形表現應用程序的用途，圖形可以很好地吸引用戶的眼球，更具象地表現出信息。

文字表述

文字表現是一種非常直觀的表現方法，文字應該簡潔明了，不繁瑣。

圖形和文字結合

此形式有很好的表現力之余還可以直接把信息告知用戶，因為會有一定的內容，所以在空間布局上要注意疏密，避免繁瑣擁擠。

iOS 程序圖標特性

iOS系統桌面圖標與其他移動系統的圖標存在非常大的區別，因為iOS圖標有很好的整體性，良好的整體性可以減少用戶體驗上帶來的沖突，所以我們需要保持其中的一些特點，以便程序可以更好融入系統中，帶給用戶更好的應用體驗。

尺寸

在不同設備的iOS系統桌面中，程序圖標的尺寸和默認自帶的修飾效果會有不同，系統默認自帶的修飾效果可以使圖標更好保持iOS風格，但很多時候為了實際效果，我們可以要求系統不作部分效果的添加，以便達到我們想要的效果。

上傳到App Store需要512px X 512px的圖片 在iPhone 960px X 640px分辨率中 圖標顯示尺寸 114px X 114px 20像素的圓角

4像素的90度黑色投影 2像素的90度白色內投影 默認自帶的高光

在iPhone 480px X 320px分辨率中 圖標顯示尺寸 57px X 57px 10像素的圓角

2像素的90度黑色投影 1像素的90度白色內投影 默認自帶的高光

在iPad 1024px X 768px分辨率中 圖標顯示尺寸 72px X 72px 13像素的圓角

2像素的90度黑色投影 1像素的90度白色內投影 默認自帶的高光

質感

在iOS中，為表現圖標的質感，很多時候都會為其添加一些光感，使其更有質感。光是從上面來的，所以過渡顏色的漸變應該是從上往下的。很多時候為表現iOS系統類似玻璃質感般的感覺，圖標底部都會帶有一個亮度較高的反光，當然這些都是以我們想要的實際效果而繪制添加。

iOS 程序圖標設計的構思

為表達好應用程序的作用，我們可以將應用程序的圖標作很多不同視覺效果的處理，以達到更好的視覺享受。不同類型的應用要注意表現的效果，如新聞資訊類的應該簡潔一點，使其應用有更好的整潔的感覺，如游戲類可以設計得給用戶一種活躍的感覺，如一些日常應用類的我們很多時都會將其擬物化，使用戶更直觀地感受到其作用，這種方法是我們最常見的。

在這里著重說一下擬物化程序圖標，這是非常具象去表現程序用途的方法，但有時候要表現的元素存在幾個的時候，在狹小的空間中不一定能放下如此多的元素，所以要分析輕重，輕的可以減少占據位置的比例或者將其去除，重的要多作強調，同時，要找到多樣元素中的共性。

我們只需找到共性，就能構想出不錯的創意。

在圖形的構思上有時我們可以利用iOS圖標的圓角制作一些特殊的感覺效果處理，如立體感，這些可以幫助圖標有更好的視覺沖擊力，更容易獲取用戶的喜愛與點擊。

實踐分享

說了這么多，下面我們馬上來從零開始構思和繪制精美的iOS應用程序圖標。

程序名稱：MyRange平臺：iPhone 版本：V0.001 出版商：UEDC 用途：LOMO拍照軟件

首先說明的是，設計的方法不是唯一的，構思和繪制的方法也是無限多的，那么馬上開始！

想到拍照軟件，首先會想起的是相機，那么相對應這個軟件的圖標可以繪制一個LOMO相機作嘗試。

很多時我們為了使繪制的物品視覺效果更好，我們需要一些參照物，這次我用萊卡M9來做參照物。在參照物得基礎上，進行更多個性化的處理。

為了視覺效果更好，我想其有一點透視的感覺，那么可以利用iOS圖標圓角的特征，形成一種立體的感覺。

之后給圖標上色，將各大部分大致的顏色分出來

繪制出各部分的質感，應有的皮質和金屬的質感，制造金屬的可以添加一點雜色

加強光感，光是從90度向下照的，繪制出該有的反光位和兩邊的過渡轉折位，鏡頭部分局部細致刻畫，最后整體調整，完成！

第三篇：圖標設計心得

東莞生活網： www.hidg.net

圖標設計

在這里分享下我對于圖標設計的一些心得體會。說的不好，還請各位看客包涵指正。圖標在我們日常生活中被 廣泛應用，軟硬件、網頁、社交公共場合無所不在。廣義來說，圖標就是具有指代意義的圖形符號，具有高度濃縮并快捷傳達信息、便于記憶的特性。狹義來說，就 是我們所熟悉的在計算機程序方面的應用。包括：程序標識、數據標識、命令選擇、模式信號或切換開關、狀態指示等。如今圖標被廣泛的應用，其價值也是顯而易 見的。一套好的圖標能夠為用戶直觀傳達所描述的物體，減輕用戶的認知負擔，特別是一些抽象的功能和意義。同時增添圖標的精美度不僅能提升整個界面的吸引力 和觀賞性，還能使產品與用戶產生共鳴。

下面以制作電話本和短消息這兩個圖標為例。

設定風格。通觀整個圖標設計，設定風格是基礎，亦是非常重要的一步。需要對整套圖標進行周全的構想，因為這一步為圖標設定了一個方向，之后圖標設計的造型，上色的深入展開都要以此為基礎。在這里我設定的是復古做舊的風格。

繪制草圖。這一步驟主要是設計圖標的造型。造型在圖標設計中有著決定性的影響，他直觀的給用戶展現其所代表的含義。而草圖是最直觀，最快速展現設計 構思的一種方法。此時我們可以通過頭腦風暴列舉出一些能讓用戶一目了然，又貼合電話本和短消息含義的元素，同時列舉的元素又要符合復古做舊的風格。因此，我選取做舊的通訊錄來表示電話本，選取羽毛筆和信紙來表示短消息。在繪制草圖時，要注意圖標造型的統一，方向的一致性，使圖標有充分的辨識度。其次要控制 單個圖標元素的數量與其他圖標相協調，用最少的元素來表達圖標的含義。不然過多的元素不僅會使圖標臃腫不堪，更會使圖標的含義模糊不清，難以琢磨。

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net 上色刻畫。在確定造型之后，就需要對圖標上色以及深入刻畫。

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net

總結

一，設計一套完整的圖標要確保其風格的一致性。在造型，透視，大小，色彩，效果處理等各個方面做到統一，以保證每個圖標都與其風格相契合。其次，控制圖標元素的數量，對一些不必要的元素要果斷去除。圖標應該是一種能使用戶輕

東莞汽車頻道：auto.hidg.net

東莞生活網： www.hidg.net 松識別的圖形語言，而不是成為用戶閱讀的負擔。更要充分展現各個 圖標間的差異程度，提升圖標自身的辨識度，從而幫助用戶理解閱讀。再則還要考慮這套圖標所應用的環境。不同國度，不同社會環境，不同文化傳統對圖形也有不 同的認識理解。同時也要考慮到人們的情感因素，避免使用敏感圖形。所以在設計開始就應考慮周詳，謹慎使用。最后，畫圖標要有足夠的耐心，對于細節要不怕繁瑣,細心揣摩。（詳細咨詢：東莞論壇——汽車頻道）

東莞汽車頻道：auto.hidg.net

第四篇：圖標設計心得

圖標設計心得

December 22, 2010adali 圖標在生活中運用是顯而可見的。例如：男女廁所標志和各種交通標志等。在計算機系統或軟件方面的應用也是很廣泛。例如：程序標識、數據標識、命令選擇、模式信號或切換開關、狀態指示等。下面的例子更形象的說明這個問題。

(圖片來源：九銘)外國人A與中國人B，兩人在語言上存在差異對文字的認識是不同的，用圖標來表示，會縮短語言描述的距離。所以圖標更具有快捷傳達信息、便于記憶的特性。那么圖標被廣泛使用的時候，什么樣的圖標才是好圖標呢？好圖標從兩個角度去認識：辨識度與精致度。

辨識度：圖標能夠直觀的表現要描述的物體。精致度：在精美的頁面或者系統界面上，精致的圖標能提升整個頁面的最佳視覺。那么怎么樣才能做出一套好的圖標？在圖標設計過程中需要注意哪些問題？ 在《圖標設計語言》中作者Yegor Gilyov(來源站點Turbo Milk)曾提到 “如果你需要畫幾個圖標，你需要整體考慮這個站點所有圖標，然后再開始使用軟件繪制。”如果你的icon全都是粗糙模糊的造型或拙劣的漸變色，那么這個icon很失敗，不能當作是“風格的問題”來了事。這樣的icon不僅僅會毀掉整個頁面的美觀，更讓被描述的文字降低了被查看的欲望，對你的用戶來使用或閱讀它是一種極大的痛苦。Icon的細節包含對顏色的使用，對造型的創新，對質感的體現。Icon的設計步驟

我認為icon設計遵循上面的一個規則，在做icon的前提要先構思好整個icon的風格，有了構思可以開始造型設計接著就是上色，然后對整體的icon進行細節修改。

Icon的要點從學會批評別人開始

曾經有人說過：“批評別人的作品比自己制作一個優秀的作品要容易得多。但如果使用系統的方式去批判，這才是個成熟的分析！”那么怎么學會去批判呢？下面來分享一些批判后總結的例子。

（圖片來源iconfans）上面一些圖標看起來很像，這讓人很難分辨出哪個是哪個。尤其小圖標的時候辨識性差了。如果你不注意說明，你會很容易把這些圖標混在一起。圖標還是要有差異性，在保全風格統一的前提下要有很好的識別性，可以在顏色上或者造型上做差異的改變。

(圖片來源：九銘)圖標應該是輕松被識別的，構建它的元素要越少越好。而上面的插畫和圖形明顯的告訴我們圖標的相關性不該是復雜的，可以省略掉相同的對象，凸顯出重要的信息。

上面圖片形象的說明了圖標像素邊沿化的問題，左邊的圖標比較模糊不清，右邊的比較清晰。

在做icon時很容易出現一些常見的毛邊，導致像素過渡化，最后圓角不柔和。怎么樣處理不柔和的圓角？

在由大icon到小icon的過程中你要重視一些細節的處理，對于這個我創了一句口訣：去多穩造型，邊沿移到位。

去多穩造型：大icon到小icon的過程是由細節的減少開始變化，大icon比較注重質感和光澤等，小icon除了保證質感還要清晰可見。在做16像素icon時可以減少一些必要的元素用像素點去代替，去掉多余的陰影與高光。

邊沿移到位：小icon的邊緣移位主要靠移動像素點來實現，或者增加像素點。

經過處理，上面的圖標已經沒有了原來的鋸齒，有的是柔和的圓角。

當然每個設計師做icon的習慣都是不一樣的，這只是我做icon時的一些心得。

第五篇：教學設計思路解析

《小柳樹和小棗樹》教學設計思路解析

九灣小學 肖雨薇

《小柳樹和小棗樹》這篇課文安排在第四組的第三篇課文，這一組的課文都蘊涵了深刻而豐富的生活哲理。對于這組課文的教學，要特別關注人文精神的挖掘與落實，在讓學生不離開對語言文字感悟的同時進行自然的思想教育，使生動的教材顯得更加鮮活。授以閱讀的方法，培養閱讀的能力，逐漸引導學生注重語言，運用語言。這篇課文以小學生喜愛的童話故事形式出現，借助小柳樹和小棗樹生長情況的不同，賦予它的不同的性格特點，并通過它們之間的對話，生動形象地使學生懂得“要善于發現別人的長處，正視自己的不足”這一深刻的道理。

一、導入

1、激趣引題創設富有童趣的情境，學生感到新奇有趣，學習情緒高漲，讓學生在歡樂的氣氛中開始學習語文。為整節課鋪設了一個好的心理環境，好的情感基調。

2、引故事，創設教學懸念，使學生滿懷熱情、積極主動地參與學習活動。

二、初讀課文，字詞過關

識字、寫字是低年級教學的重點，教學中遵循兒童的認知規律，教師充分激發學生的主動意識和進取精神，教師真正成為學生自主學習的組織者、引導者、促進者。以不同形式多次復現。在識字、寫字教學當中培養學生的觀察能力，并讓他們自寫、自評、自悟。從而激發學生識字、寫字的積極性。使其成為一種樂趣。

三、研讀課文，感悟體驗

1、《語文課程標準》中指出：閱讀是學生的個性化行為，不應以教師分析來代替學生的閱讀實踐。應讓學生在主動積極的思維和情感活動中，加深理解和體驗，有所感悟和思考，受到情感熏陶，獲得思想啟迪，享受審美樂趣。要珍視學生獨特的感受、體驗和理解。閱讀真正拉近學生與文本的距離，促使其主動與文本對話，體現以學生的發展為本。

2、教師教學語言對兒童的感知、思維、情感活動起著主導、調節和支配的作用。教學語言的美，可再現教材所表現的情境，激發兒童的學習興趣。從始至終，教師以一顆童心將自己的教學機智與創設教學情境有機地結合起來，讓學生輕松愉悅地在情與境的交融中誦讀、理解、體驗、感悟。課堂自然流暢，充滿美麗的色彩，充滿童真。充分發揮學生的主體性，還學生學習的自主性，再次體現課堂的開放性。

四、拓展練習

設計意圖：教師巧用課文抓住文中的發散點，培養學生的邏輯思維能力，把文中人物的優缺點轉移至現實的每個人身上，使德育落到實處。