星期三, 4月 19, 2017

發展公民新聞需要努力的方向 -- 有一顆太陽,就不需要百萬顆星星



很高興受到台山老師的邀請,一同前往參加 4月 18 日的社大發展公民新聞會議,第一次親身見識到推動公民新聞是多麼不易啊!
大致記錄下,自己會會議上所看到的面向,分享給大家:
  • 對於公共議題的敏感度:包含了公民記者的自律、及正確的價值觀、對社會的影響、及公民素養的落差...
  • 課程的開設不易:包含師資的取得、議題的設定等等...
  • 學校的支持:學校扮演的角色、師資的培訓及學校 / 老師 
  • 學員的互動、課程的設計。
  • 公民記者與養成,規範與自律。
  • 這是一件需要長期抗戰的事情,包含力量的凝聚、平台的架設與利用等等...
整理架構如圖(仍在調整中)

星期二, 4月 11, 2017

Sketch 習作 / 神奇按鈕 Magic Button)


詳細的製作過程請參照 Lin Simon 的文章Sketch Hacks Series 01:打造一應萬變的神奇按鈕(Magic Button)  ,文章內容有詳盡的製作過程,並附有範例。(真是佛心來著!)

參照製作的過程中,遇到問題 Lin Simon 也不吝賜教,所以只記錄自己在製作過程中遇到的問題亟需注意的事項。

以後就可以快樂的設定按鈕啦!


  1. 圖層的命名方式,必須以 / 作為分段方式(例如:Text/Primary),因為會影響到 Symbols 的結構

  2. State / Shape 的Artboart 的尺寸大小要不一樣,否則會造成 overrides 的 State / Type 分類無法判斷,會混雜在一起(就是都會重複出現)。





星期一, 2月 13, 2017

Sketch 習作 / Auto Layout


將 PS 的個人 Profiles 轉到 Sketch 上,同時嘗試 Auto Layout 的功能,快速產生不同的 RWD 的視覺版本。
製作當中,個人認為要注意幾個點:

  1. 置入圖片的尺寸大小要同步縮放的設定
  2. 物件模組要先建立(群組)
  3. 在確認第一個主視覺後,記得建立相關的 Symbol ,以利後續的調整與修改。


可以參考 Youtube 上的教學介紹,其實還蠻好直覺上手的。





星期三, 10月 05, 2016

為何不要使用旋轉木馬 Carousel

如果有以下現象,請儘量不要使用旋轉木馬 Carousel

  • 旋轉木馬 Carousel 的內容讓人認為是一個廣告,導致閱讀者忽略。
  • 移動的UI元件對可用性容易產生負面影響時。
  • 大量的閱讀內容無法在有限的時間內閱讀或理解時。
如果真的確定應使用旋轉木馬 Carousel,確保幾點注意事項:
  • 不要設定自動播放。
  • 讓用戶可控制。
  • 確保文案簡單扼要。
  • 避免使用H1標籤,不利於SEO。
  • 確保對移動裝置是友善的。

星期日, 8月 14, 2016

學習 Axure RP 的 100 天:Day13. Sekect Group

圖片縮圖在Axure也可利用按鈕群組的功能,達到選取一個圖像,也同時取消了原先選取的項目。


  • 將所以有的縮圖命名(ex:snap01)。
  • 設定滑鼠移過及被選取的狀態。
  • 將所有的縮圖在Selection Group,選取群組的名稱(或自訂一個群組的名稱)。


  • 最後,設定互動行為。






    • Demo:http://faagx0.axshare.com/#g=1&p=day_13__selectgroup