⑴ 怎麼製作APP應用圖標
製作一張精美的手機APP應用圖標方法/步驟:
1、在製作手機APP應用圖標之前,需要對APP應用圖標的尺寸有個詳細的了解。一般需要製作的尺寸大小為:36*36,48*48,72*72,512*512,這4種基本的尺寸需要做好;那麼36*36,48*48,72*72
這3種尺寸是為了適應不同的手機屏幕大小而用的。512*512這個尺寸是你的應用上傳到手機APP應用市場的時候,用來提交的ICON,所以都是必須要先做好的;
2、知道了哪些尺寸,就開始找需要的圖標圖片了,去圖片網站找一張喜歡的圖片,感覺很好的圖片,然後把它保存下來在你的電腦上;
3、然後打開PHOTOSHOP
CS6這個圖片編輯軟體。打開軟體後,點擊軟體左上角的「文件」按鈕,找到裡面的「打開」,點擊「打開」然後選擇電腦裡面的圖片打開
圖片在軟體裡面打開後,我們在軟體左邊找到T這個標示,點擊T,然後滑鼠放在你的圖片上進行文字的輸入和編輯,當文字輸入和編輯好了。滑鼠再點擊軟體左邊最頂上那個箭頭按鈕;
4、然後找到軟體最上面頂部的「圖像」按鈕,點擊進去,找到「圖像大小」這個標識,然後點擊它,打開「圖像大小」窗口;
5、然後只需要改變下像素大小的寬度和高度,也就是前面說的不同的尺寸,填寫進去就好。(注意下面:「約束比例」
那個前面的勾一定要去掉)不然修改不了。修改後,點擊右上角的「確定」按鈕;
6、這時候圖標的打開我們弄好了,接下來就是把製作好的APP應用圖標保存到我們的電腦上,同樣打開軟體左上角的「文件」按鈕,點擊後,找到「儲存為」標示,然後點擊,然後格式那裡,選擇PNG格式,記住一定要PNG格式。然後自己取個文件名保存到自己的電腦裡面就好;
7、這樣一張手機APP應用圖標的製作流程就全部完成了。也可以輕松的製作手機APP應用圖標了。
⑵ APP圖標設計有哪些風格
1、突變風格
多為單色突變,顏色過渡清新自然,是現在的幹流規劃風格之一。除用於圖標外,突變風格可運用的場景十分多,如APP中的背景圖、按鈕等。
2、剪影風格
特點是精約、概括,視覺識別度良好,規劃感強,常被用於APP的功能型圖標中。剪影圖標可分為線性和面性兩種,線性為未選中狀況,面性為選中狀況。
3、長投影風格
通常會以純色作為圖標主體背景,該風格顏色對比度大,視覺沖擊力強,通過長投影傑出主體,從而發明鮮明的層次感和空間感,常用於APP頁面中的分類圖標。
4、卡通風格
特點是可愛,富有親和力,規劃簡潔而精緻,視覺效果傑出,但風格小眾,運用范圍比較限制,常用於女人或二次元APP中。
5、輕質感風格
層次簡單,用色素雅干凈,採用輕投影、輕突變的辦法規劃。這類圖標具有一定的立體感,能給人輕盈、簡潔、精緻的感覺。
6、擬物風格
iOS7以前,擬物風格都是U規劃的幹流,這類圖標的特點是通過細節和光影復原實際物品的造型和質感,能給用戶極強的代入感,用戶可通過對實際事物的聯想,快速體會圖標表達的目的。
⑶ APP啟動圖標的設計要點有哪些
1、做好信息傳達,貼近用戶心理
啟動圖標是一個工具、一個符號、一種溝通手段。啟動圖標設計的精確與精緻,能夠提升移動端應用軟體的吸引力。設計師可以根據自己的經驗,理解功能需求,確立符號圖像,也可以將想法在搜索引擎中查找相關含義,收集大量詞語到圖形之間轉化的視覺元素,表達功能信息。
貼近用戶的心理模型最好,用常見的視覺元素來表達所要傳達的信息,例如:音樂符圖形、放大鏡圖形就經常在音樂類、查詢類應用圖標中出現。
2、要運用隱喻,注意色彩的運用
在圖標設計中隱喻是必要的思維方法,特別是在對抽象事物進行理解和表述的過程中起到了重要作用,在具體設計中,設計師要對抽象概念先進行描述,然後提取出關鍵詞,再使用字典或網路來檢測關鍵詞與抽象概念間是否具有同一性。
其次,啟動圖標色彩要明快多彩,但色彩的數量也不要太多太雜,只要能使圖標在顯示屏幕中可以與任何背景對比明顯,可被用戶立即識別就好。
以上就是環球青藤小編關於APP啟動圖標的設計要點的相關分享,希望對大家有所幫助,想要了解更多相關內容,歡迎關注本平台!
⑷ 如何製作APP圖標
1、打來ps。
2、新建一個800*800像素畫板,先試著做。
⑸ 圖標(icon)設計的方法有哪些
直接用這個在線的圖片生成ico工具吧,方便快捷,常用的圖片格式比如jpg/png/webp/bmp等等都可以直接生成ico圖標,還可以在線裁剪縮放,選取你需要的尺寸等等,而且清晰度挺高的。在線ICO圖標製作生成,圖片轉換ICO圖標Pro版
圖片轉換ICO圖標Pro版步驟:
一、點擊或者拖拽到上傳框中,即可上傳你要轉換的圖片,直接將新圖片拖入上傳框即可更換圖片。目前已知支持jpg、png等多種常見的圖片格式,如果上傳圖片並轉換ico圖標成功,則代表支持該格式。
二、此時預覽框中會出現剛剛上傳的圖片,可以任意縮放拖拽裁剪框,選擇你想要截取並轉換ico圖標的區域。在拖拽縮放裁剪框的過程中,左上方會有ico圖標效果的實時預覽。
三、選擇需要生成的ico圖標的尺寸,主要提供寬高為16、32、48、64、128、256、512的尺寸以供選擇。通常的ico圖標基本都是32、64或者128像素的。
四、選擇轉換生成的ico圖標的文件格式,默認的格式是.ico,並且有.jpg和.png格式可以選擇。需要注意的是,ico圖標一般都是背景鏤空透明的圖形,只有.ico和.png格式支持透明背景的圖片。而.jpg格式的圖片本身是不支持的。
⑹ 手機界面圖標是如何進行人性化設計的(一)
1. 合理的隱喻手法
隱喻是為了讓界面用戶更好的獲取信息。作用主要是把一個不太熟悉的思想通過隱喻的表現手法來直觀清晰的表現出來。通過隱喻化的圖標可以把抽象的事物具體化,可以讓用戶更輕松的記住。提高交互的效率。讓用戶增加對圖標的辨別度。
我們在運用隱喻手段的時候還要考慮是不是符合用戶的思維,在設計的時候應該盡可能的選擇可以令人聯想的圖像。而這個能力是通過對生活的認知和語言表達的思考之上。
好的 “隱喻”圖標設計不僅能提高用戶操作效率,還能提高用戶滿意程度,可謂是人性化的一種體現。因而除了扎實的設計功底,設計師還要善於分析目標用戶的認知習慣、語言特徵。
2. 避免某個圖標的獨立出現
圖標不具有獨立性,一般可以成群結對的出現在手機APP的 桌面中。因此出現的圖標應該都是一樣的視覺感受。在細節上和整體看起來一定要協調。不可以突出某個圖標。一致性在透視角度、攝影手法、色彩搭配、隱喻手法的應用中體現。及時避免某個個性化圖標的出現。
一般來說,當設計師將圖標設定為某種風格時,數字界面中的視覺元素都應遵循此風格特徵以確保每個圖標之間都有共同元素,增強整個畫面和諧感。為達到視覺整體性,有時設計師也可以強化各個圖標之間的共同點,利用顏色對缺乏統一感的畫面進行調整。
以上就是小編整理的手機app界面圖標人性化設計需要注意的幾大因素。希望設計師可以有自己的靈感,建議設計師平時可以多借鑒一些有藝術性的設計,從中學習前輩的技巧。然後融合自己對生活還有作品的看法以及用戶的需求來創造出屬於自己的作品,大家加油!
⑺ APP圖標設計流程是什麼
1. 定義主題
定義主題是指把要設計的圖標所涉及的關鍵詞羅列出來,重點詞彙突出顯示,確定這些圖標是圍繞一個什麼樣的主題展開設計,對整體的設計有一個把控。
2. 尋找隱喻
隱喻是指真實世界與虛擬世界之間的映射關系,尋找隱喻是指通過關鍵詞進行頭腦風暴,在彼類事物的暗示之下感知、體驗、想像此類事物的心理行為。
3. 抽象圖形
抽象圖形要求設計師將生活中的原素材進行歸納,提取素材的顯著特點,明確設計的目的,這是創作圖標的基礎。
4. 繪制草圖
經過對實物的抽象化汲取後,便可以進行草圖的繪制。在這個過程中,設計師需要將實物轉化成視覺形象,即最初的草圖,當然草稿可能有很多方案,這時需要篩選出若干種滿意的方案繼續下面的流程。
5. 確定風格
在確定了圖標的基準圖形後,下一步就是確定標准色。我們可以根據圖標的類型選擇合適的顏色。當不知道使用什麼顏色的時候,藍色是最穩妥的選擇。目前圖標設計主流是扁平化風格。值得一提的是在UI設計中,大部分扁平化圖標以單色圖形為主,從技法上來說這樣降低了設計的難度。
6. 製作和調整
根據既定的風格,使用軟體製作圖標。在扁平化風格盛行的今天,單獨的圖形設計需要更多的設計考量,需要經過大量的推敲,設計調整。因此在圖標的製作中,會修正一些草圖中的不足,也可能增加一些新的設計靈感。
7. 場景測試
圖標的應用環境有很多種,手機的背景色也各不相同,有深色系的,也有淺色系的。我們要保證圖標在各個場景下都有良好的識別性,因此在圖標上線前,設計師需要在多種圖標的應用場景中進行測試。
關於APP圖標設計流程是什麼,環球青藤小編就和您分享到這里了。如果您對頁面排版、網站設計、圖像處理等有濃厚的興趣,希望這篇文章可以對您有所幫助。如果您還想了解更多關於平面設計的素材及技巧等內容。
⑻ 如何設計APP軟體圖標
每一個iOS應用都會以一枚APP啟動圖標的形式展現給使用者,它能傳達應用程序的基礎信息,並能夠給用戶帶來第一印象感受。它能直接引導用戶下載並使用應用程序。UI設計人員有時設計出來的圖標看起來很炫,但是投入市場後卻得不到用戶的認可,點擊率很低,這其中的原因很多,單從視覺設計的層面講,如何提升APP軟體圖標的視覺效果從而提升點擊率已經成為每一個UI設計人員都應該考慮的問題。 一、APP軟體圖標的視覺設計 1.視覺設計要符合平台開發的設計規范性 ——不同的應用平台往往會產生截然不同設計結果。了解學習平台開發規范,磨刀不誤砍柴工。例如蘋果移動平台和Windows_Phone_7移動平台的視覺規范就有很大不同。 2.視覺設計要找到共性,抓住個性 ——分析了解同類的APP軟體及各自圖標設計的定位,找到設計方向的共性及其自身軟體的獨特個性。在itunes里搜索軟體關鍵字會發現有很多相似的圖標。從搜索結果中不難發現,那些APP軟體圖標會吸引用戶的關注。 3.視覺設計要力求設計表現的完整性 ——明確任務,大膽設計;簡化設計元素(主圖形、輔助圖形),突出設計主題;層次分明,不刻意追求質感。 4.視覺設計要遵循橫向、縱向比較的統一性 ——設計好圖標後,放在同類別APP圖標中,去審視自己設計的圖標是否能夠抓住用戶的眼球;有時不同平台會產生不同的視覺效果,某些系列化的APP軟體產品更需要通過比較來分析產品的統一性。比較之後可以有針對性的微調、預調,但不要隨便更改設計意圖及表現形式。 5.視覺設計要保持設計過程的連續性 ——隨著軟體版本的升級,APP軟體圖標也應該在產品升級的大背景下有所體現。比較好的做法是有計劃有組織的視覺遞進式改進。 二、APP軟體圖標的設計方法 2.重視APP圖標視覺設計的層次感,質感表現恰到好處。 3.在APP圖標的視覺設計過程中不要浪費一個知名品牌的現有的元素。 4.在設計過程中運用直接了當的文字內容表現隱喻的設計主題。 5.在設計過程中運用行業標准圖形或主題圖像概括主要內容。 6.在設計過程中最大限度的激發用戶的好奇心。 三、設計APP軟體圖標時容易出現的問題 1.陶醉於無意義的視覺質感,主題重點本末倒置。 2.APP軟體啟動圖標主題元素與軟體內容脫節,缺少關聯。 3.在設計過程中胡亂使用文字表達主題。 4.設計方案里的圖像元素在不同平台、不同尺寸下的視覺呈現存在明顯差異,看不清所要表達的主題。 5.APP軟體圖標給用戶的視覺感受「粉」「灰」「模糊」。
⑼ 圖標設計的設計技巧有哪些
計感的通道就是頁面中的各種圖形與圖標。全文16,834字,閱讀時長約35分鍾。圖標是UI設計中除了文字之外最不可或缺的視覺元素,在設計中看似只佔一個很小的區域,但是它卻是考驗設計師基本功的重要標准,了解圖標相關的概念,以及正確繪制的方法,是入門 UI設計的必備條件。本文盡量將圖標進行系統一些的介紹說明,當然僅一篇文章是不可能面面俱到包含所有知識點。內容比較基礎,主要以 設計概念 和 設計思路 為主,對圖標相關的內容進行組織梳理和分類,便於小夥伴們建立圖標的概念體系。過程中也有針對幾種典型的圖標結構進行實操代練,想要把圖標設計的更好,這就需要我們在平時勤加練習外,還要進行深度的思考,希望我的這篇梳理可以給大家帶來幫助。1.1 圖標的定義圖標,也稱為icon或Picoto,是計算機世界對現實世界的隱喻和概括,代表軟體產品中的功能及操作。它的本質是一種符號,它採用對這個世界的隱喻,來指代功能,含義,用途等。圖標做為國際通用性語言,生活中隨處可見,例如商場導視中收銀台圖標、出口圖標、衛生間圖標等,日常手機里使用的那些App圖標,如微信、電話、簡訊等。的確,圖標的形式有很多種,它可以應用在很多場景中,並且表現方式非常豐富,有線的、有面的、還有擬物的等。 如果粗淺劃分的話,UI設計中常見的圖標大致分為2大類,第一類我們稱之為「標志性圖標」,比如手機中應用啟動圖標;第二類我們稱之為「功能性圖標」,這類圖標經常出現於 App 或網站中,用於功能性指示引導或操作。1.2 圖標的重要性對於UI設計而言,圖標可以說是整個產品的點睛之筆,它甚至可以直接影響著一款產品的形象和氣質。在不少 UI 界面中,圖標幾乎是這個頁面的核心支撐體,它直接影響著產品的視覺體驗和產品調性
⑽ APP工具欄圖標設計方法有哪些
創作高度概括的圖形形象
①將圖形幾何化。我們生活中所看到的任何圖形,幾乎總是有幾何形的存在,將圖形簡化為幾何形是對圖形進行一種高度概括。
②用單線勾勒圖形。線是造型藝術最基本的語言,線具有較強的表現性。這里所講的用單線勾勒即是先確定所要設計工具欄圖標的元素圖形,然後用單線勾勒圖形輪廓,整個線條軌跡連接閉合就形成了圖形。
③用剪影詮釋圖形。剪影風格經常會運用到工具欄圖標的設計,剪影是一種高度概括的表現形式,這種高度概括放在演算法中就是一種減法,是在保留表達目標的基礎上合理刪減,簡單的說就是簡化圖形。
圖形色彩以單色為主
工具欄圖標的設計大都非常簡約,APP界面上同時會有多個工具欄圖標,如果想讓整個界面看起來干凈簡潔,圖標就要統一起來。統一的形式除了造型之外最重要的就是配色了。
一般工具欄圖標的顏色都是單色的,我們不能把這里的單色單純理解為黑色和白色,而是只採用一種顏色。當然可以是各種顏色,但是具體要和整個的界面顏色相和諧。也有的一些APP的工具欄圖標每一個圖標都用不同的顏色,這種配色不是不可以,運用的不好容易使得整個界面繁瑣雜亂。
造型使用慣用圖形
工具欄圖標看似簡單,但是它的設計需要更加嚴謹和高超的造型能力和技巧,設計方法也更加嚴格。工具欄圖標的設計要充分考慮用戶的慣用思維和一些各大平台用戶公認的工具欄圖標。
工具欄圖標在遵循規范的同時還要弄清其所代表的含義,尤其在設計時不要想當然,工具欄圖標最重要的作用就是傳遞信息,這是設計首要考慮的,應該充分考慮以用戶為中心,快速、准確的向用戶傳達信息,使得用戶輕松的理解圖標所象徵的意義。
關於APP工具欄圖標設計方法有哪些,環球青藤小編就和您分享到這里了。如果您對頁面排版、網站設計、圖像處理等有濃厚的興趣,希望這篇文章可以對您有所幫助。如果您還想了解更多關於平面設計的素材及技巧等內容