搜尋結果
圖標（ICON）與符號學：為何這個圖示這樣被解讀. 這篇主要的內容，是我看過 《看得見的符號》 一書後，加以延伸、重述的內容，會和 我曾經寫過的一篇文章 部分內容重疊；雖然這篇文內容不少，但事實上只沾上《看得見的符號》所有的內容不到 10%，更不是 ...
2024年1月16日 · 在 Iconoir 上可以找到多種特別的圖標樣式，不論是表情符號、風景 Icons、社群媒體 Icons，各種主題都有，還可以直接透過關鍵字搜尋，非常方便。 Iconoir 上的 Icons 都是 SVG 格式，讓你不管怎麼縮放，圖標都不失真！
- 注意像素網格
- 控制最小間隙大小
- 刪除重複的部分
- 選擇一種風格並遵循它
- 保持輪廓乾淨與精準
- 清除 Svg 的垃圾資訊
要在非 Retina 顯示器上讓圖標變得更銳利，可以使用像素網格，並建議選擇圖標的線條有 2 個像素寬 2 個像素邊框提供了足夠的厚度和清晰的輪廓，如果像素邊框設為 1，它們不會在像素的正中心，而是外部或內部，絕對不會幫你分成 0.5 像素，如此一來該圖標將會變的很模糊 根據像素網格設置，對角線的起點和終點，建議角度為 45°、30° 和 60° 的對角線，看起來比對角線更銳利，像 13.7° 或 81° 等角度看起來就會變得不均勻且模糊
圖標相鄰的元素，之間的空間在整個設計中不應該太小或不一致，定義出最小的間隙，並確保在任何位置上都能避免輪廓互相 “沾黏”。 對於線條風格的圖標，最小的間隙最好等於線條的粗細，而且線條在分開或連接處都要確實呈現，不能有模凌兩可的情況，才能讓圖標更為清晰明確
在上面這組圖標中，將重複的細節保持不動，觀眾的注意力將集中在不同的事物上，另外就像數學中簡化分數一樣，你看到的圖形越少，你的理解就越清晰。 如果目標用戶正在工作的介面時，則不需要一再重複相同的元素，例如上圖將信封的元素移除，也不會使人們認為這個圖標不是電子郵件的功能，反而可以更清楚知道圖標所代表的動作與功能 這條規則還涉及圍繞圖標的各種裝飾、框架、背景。如果這些元素不能幫助圖標的辨識，哪就更應該捨棄這些元素
不要在同一個系列圖標中，包含了扁平化風格與立體風格的圖標，保持風格一致性，可以幫助用戶識別圖標，並了解這些圖標具有相同的重要性與狀態 不要將線條風格的圖標和一般圖標混合在一起 但是，兩個不同的風格的圖標可以代表不同狀態，例如 線條圖標 – 用於禁用或常規狀態。 實色圖標 – 點擊狀態。
完美的線條是每個設計師都想要並追求的，但最終產品中圖標確認更為重要，依形狀需要以最小錨定數量製作，且相鄰的元素之間不要有多餘間隙，才能讓作品更接近完美的地步 如果形狀錨定位準確的在格點上，圖標邊緣看起來很清晰，當你合併形狀時，就不會出現過多的錨點和間隙，但如果是惱人的 “8.999 px” 或 “100.001 px” 尺寸，合併時就會有很大的風險，差之毫釐，謬以千里
許多像 Sketch 這樣的界面編輯器所產生的 SVG 檔案，會有群組、顏色層和剪裁遮色片，在 Sketch 中這些物件看起來都還算精簡 但是在另一個編輯器中打開此 SVG（例如 Adobe Illustrator） 您會發現到更多不必要的群組、遮色變、空白圖層等… 當前端開發人員將圖標轉換為 iconfont 或在網頁上使用 SVG 時，這些都可能會導致問題。 所以你可以刪除這些垃圾資訊並存檔 您會看到 Sketch SVG（左邊）和編輯的 Illustrator SVG（右邊）在您的文件查看器中會有不同的預覽。 以上資訊由 Slava Shestopalov 授權翻譯。原文 Dribbble、Behance、Instagram 介介好久沒有翻譯國外的文章了，難得看到這麼優秀的作者，範例的...
2024年8月23日 · 電腦圖示（Icon）是用來代表特定功能或應用程式的視覺符號。 這些圖示在電腦和手機的使用界面中扮演著重要角色，幫助使用者快速識別和執行各種操作。
Icon （圖示）是一種視覺符號，通常用來代表特定的物件、行動或概念。 它們在日常生活和數位環境中無處不在，能夠幫助用戶更快地理解信息，並提升界面的可用性。
2021年9月1日 · ICONFINDER 是一個在設計圈中廣為人知的圖示搜索網站，它界面設計清晰且簡潔，只要在網站中輸入關鍵字即可找到需要的不同顏色圖示！ 使用說明： ICONFINDER 包含免費及付費的 Icon，如果想要使用免費商用授權的圖示，請在搜尋頁面左邊的篩選器中選擇 Free，即可使用。 網站： https://www.iconfinder.com/ 2. flaticon. Flaticon 是一個與 FreePik 同一家公司的網站，專門為設計師找尋免費素材。 Flaticon 最棒的特點是可以使用網站內的收尋引擎找到「免費且商業可用」的圖示。 此外，在這裡找到的 Icon 及圖示都包含了向量圖形 檔案 和常見的圖片格式，方便設計師在下載後直接使用。 使用說明：
2023年11月20日 · 目錄. Icon 圖示是什麼？ 台灣專屬圖示字型：免費的 Taiwan Icon Font 由雙設計師精心打造. “Icon”（圖示）通常指的是一個小型的圖像或符號，用來代表某個物件、概念、功能或應用程式。 這些圖示通常被用在電腦軟體、網站、手機應用程式等界面上，以 提供使用者一個直觀且易於識別的方式來表示特定的功能或操作。 圖示是任何網站、應用程式的重要組成部分。 有了它們，我們甚至可以在不使用某個功能的情況下理解它的意義。 看一眼電話圖示，用戶就會明白他們可以透過按下按鈕來呼叫某人，這些圖示的使用有助於 提高用戶界面的可用性和易用性。 然而，這些微小的圖片不應該被忽略。 否則，網站或應用程式將很難使用，因為人們會浪費時間在「不必要的」思考上。 如何避免這種情況？
其他人也問了
什麼是icon?
如何下載免費icon圖示?
如何設計圖標?
什麼是iconfinder?
網站上的 Icon 可以做個人或商業用途嗎?
如何將 Icon 嵌入到網站中?
