2012年3月27日 星期二

eGTK Mockup Kit

這裡收集了幾個 elementary OS 風格的 Mockup,都是 svg 的檔案格式,而個人偏好用 Inkscape 作 UI 設計,所以之後在這部落格上的分享檔案都會以 svg 的檔案格式為主。
 elementary OS 是在多到數不清的 GNU/Linux 作業系統中的一個版本,他最特別的一點是在於不像其他版本都是程式設計者所發起的開發計畫,而是來自於視覺設計者所啟動的,所以這作業系統非常重視介面與互動上的設計。
由於這計畫非常迷人,吸引很多 UI 設計者自發性的加入這個計畫的開發,以下會整理出一些 svg 檔案格式的 Mockup 。

2012年3月20日 星期二

用Inkscape 來作UI Mockup 的教學分享


這是互動設計師Máirín Duffy 的教學與經驗分享,目前她在Red Hat 工作。很有趣的是,他認為自己是一個很怪異的設計師,鄙視Apple 和Adobe。她為自由與開源軟體作設計,也使用100%自由和開放源碼軟體來製作自己的設計。下面列出她從事設計所喜愛的工具:

2012年3月13日 星期二

改變inkscape 的icon 主題

自從使用inkscaape 以來,我一直覺的這軟體的使用介面中的icon 不夠細膩(白話來說就是使用爽度不夠高),也思考過乾脆自己來作一組,但是才作幾個就發現已經有Tango Icon Gallery在做這一件事,這個icon 主題是開放原始碼,所以你可以下載到所有svg 檔案格式的icon。該計畫的目的是為floss 建立一套設計準則和完善的icon,提供更好的用戶體驗。例如Gimp、Scribus 的介面都是使用這一套icon。

2012年2月1日 星期三

SVG Cleaner 變得更快,並且可以移除MS Visio元素


SVG Cleaner 開發團隊在本月初發布了重要的更新,他們修正錯誤和增加新功能,並且有了Windows 的版本。

SVG Cleaner是一個新的SVG 批次處理應用程式 。它可以找出各種標籤元素,並且可選擇性的來移除,讓檔案不改變其外觀的情況下變小。

新版本在後端修復了一些bug,防止被打掉一些元素,也可以刪除在Microsoft Visio 中添加的屬性。

2012年1月16日 星期一

SVG Cleaner 介紹

資料來源:http://libregraphicsworld.org/blog/entry/introducing-svg-cleaner

如果你常使用inkscape 畫圖,你應該會知道沒用的元素容易累積與增大SVG 檔案大小。最近發布的SVG Cleaner可以解救這件事。這個軟體只做兩件事:
  1. 移除不利於顯示圖形的元素和屬性。
  2. 讓這些元素與屬性,使用起來更緊密。

在inkscape 中增加android 介面設計所建議的調色板

領導Android 視覺設計團隊的Christian Robertson 最近宣佈了Android Design 網站,希望能藉此協助開發者打造更美觀與流暢的應用程式使用者介面。



這個網站其中一頁的規範,是建議設計者來使用的調色板,以利於所設計出來的圖形有一致性。如果你跟我一樣都是ubuntu 和inkscape 的愛用者,你可以跟著下面的作法,把Android 的調色板增加到inkscape 中,加速你的設計流程。
  1. 下載調色板
  2. 檔案解壓縮
  3. 在終端機裡,執行 
sudo mv android-ics.gpl /usr/share/inkscape/palettes
就會把 android-ics.gpl 增加到inkscape 的調色板中。
最後,重新啟動inkscape ,你就可以在下方的調色板多了Android ICS的選擇。