在Axure中使用FontAwesome替換你的網站表徵圖[axure小技巧]

標籤：axure技巧   axure教程   axure字型   

你是不是還在為你的網站做一個很小的表徵圖而忙碌著？你是不是還在為找一個表徵圖匯出百度或者Google？你有沒有想過可以用字型來做一個表徵圖代替普通的圖片表徵圖？
這兩天給公司做案例，由於自己又對設計不熟悉，尋找表徵圖的苦差可不是很好做。同事分享了一個用字型代替圖片做網站表徵圖的資源，在此非常感謝！
Font Awesome，原只為Bootstrap而設計的字型表徵圖，不過，現在你可以單獨用它來為你的網站工作。丟掉圖片表徵圖吧，跟我一起來用Font Awesome。

使用方法：

1. 下載 Font Awesome 官方網站：http://fontawesome.io/        
650) this.width=650;" src="http://www.yuanxingku.com/uploads/allimg/140430/1-1404301225191V.png" style="width:165px;height:33px;" alt="1-1404301225191V.png" />
2. 安裝 Font Awesome 到你的系統，可雙擊安裝或者直接複製到 C:\Windows\Fonts目錄下
3. 在Axure中拖入一個元件，並設定該元件使用 FontAwesome字型
4. 設定頁面載入時元件文字為以下任一一個代碼（例如第一個圖形代碼是）
5. 產生原型，查看效果

650) this.width=650;" src="http://www.yuanxingku.com/uploads/allimg/140501/1-140501123G3400.gif" style="width:658px;height:399px;" alt="1-140501123G3400.gif" />

Font Awesome 特性：
1、一個字型檔， 249 個表徵圖。
2、用CSS控制樣式。
3、無限縮放。
4、個人、商業均可自由使用。
5、支援IE7+。
6、在Retina螢幕上也能完美呈現。
7、設計師的助手。
8、相容螢幕助讀程式。

Font Awesome小表徵圖預覽：

650) this.width=650;" src="http://www.yuanxingku.com/uploads/allimg/140501/1-1405011323013Y.png" style="width:438px;" alt="1-1405011323013Y.png" />

視頻教程：http://www.yuanxingku.com/axurevideo/axurebasic/88.html

本文出自 “8366986” 部落格，請務必保留此出處http://8376986.blog.51cto.com/8366986/1405683