【活動紀錄】2017「非營利組織資訊科技運用」座談會（下）

2017 年「非營利組織資訊科技運用」座談會，在台北（2/21）和高雄（3/21）舉辦，共有 155 個組織、221 位 NPO 夥伴們，一起參與。

今年講題聚焦於：

1. 雲端的介紹及未來的趨勢 
2. 微軟捐贈給 NPO 使用的雲端平台—— Azure 的功能介紹與 NPO 案例分享 
3. 行動載具時代，組織如何擁有正確的網站架構概念，並進行設計？ 

除了專業講師，也邀請 NPO 夥伴分享 O365 與 Azure 的資訊應用經驗，一起來看看活動紀錄。

• 參考資料：簡報@slideshare、照片@Flickr
• 建議您可先參考：【活動紀錄】2017「非營利組織資訊科技運用」座談會（上）
• 歷年活動紀錄

本文目錄 3. 陳啟亮：行動載具時代，NGO 網站設計妙方大公開！ 　一、使用者體驗設計的架構 　二、媒體環境與行為轉變 　三、經營目標與策略 　四、行動網站設計 4. Q&A

【活動紀錄】2017「非營利組織資訊科技運用」座談會（上）

2017 年「非營利組織資訊科技運用」座談會，在台北（2/21）和高雄（3/21）舉辦，共有 155 個組織、221 位 NPO 夥伴們，一起參與。

今年講題聚焦於：

1. 雲端的介紹及未來的趨勢 
2. 微軟捐贈給 NPO 使用的雲端平台—— Azure 的功能介紹與 NPO 案例分享 
3. 行動載具時代，組織如何擁有正確的網站架構概念，並進行設計？ 

除了專業講師，也邀請 NPO 夥伴分享 O365 與 Azure 的資訊應用經驗，一起來看看活動紀錄。

• 參考資料：簡報@slideshare、照片@Flickr
• 歷年活動紀錄

本文目錄 1. 尹丰龍：雲端服務的過去、現在與未來？ 2. 雲端大平台：Azure 資料備援與 Office 365 深化應用  　 2-1 失親兒基金會：使用 Azure + O365 經驗分享（林合昕資訊組長） 　2-2 雙連視障關懷基金會（駱安玲執行長、王柏雄就服員）  　2-3 影片串流服務

[網二紀錄] 行動載具時代，NGO 網站設計妙方大公開！

Serge Kij / CC BY-NC 2.0

6/21 的網路星期二（活動頁面），邀請到電通安吉斯集團（台灣）策略資源總監，同時也身兼台灣使用者經驗設計協會監事陳啟亮（xxc）先生來分享：如果非營利機構沒有充沛的資源，網站應該怎麼面對行動時代的挑戰？如果有一些資源，應該要怎麼做才對？特別是好的設計通常需要解決：使用者的問題及組織經營的問題。

講者在網路泡沫化之前，就開始從事網路相關工作。最早是請業主不要在首頁做 flash，現在比較多專注在使用者體驗的領域。

（以下圖片若無特別註明，皆摘自講者簡報）

一、使用者體驗設計（UX Design）的規劃架構

雖然是 2002 年的資料，至今仍很實用。
網站架設就和蓋房子一樣，是講究邏輯的過程，從下往上慢慢蓋，也是很多人一起參與的過程。所以要先從比較抽象的核心概念來思考，譬如：組織的目的是什麼？使用者的需求？接著是溝通／傳播的策略，來作為目的和使用者之間的橋樑。

「骨幹」則牽涉到：放多少資訊？資訊的順序？譬如，大多要先解決信任問題，再提出募款的需求。

「表層」則是房子的骨架都弄好後，最後整體裝潢的風格。

二、媒體環境與行為轉變

• 2012-2015行動大爆炸
• 手機持有率陡峭上升：從只有 10% 的人有手機，到只有 10% 的人沒有手機
• 2015年：用手機 vs 看電視／看報紙／上網的比率，前者已經超過後者
• 拓荒時代的終結
• 2015年：行動裝置成為台灣最主要的媒體，比雜誌、報紙、廣播、電視、PC網路，手機使用的時間最高
• 手機：從通訊工具變成隨身娛樂與資訊工具（意義的改變）
• 手機就是我的行動電腦
• 經常把手機關掉以拒絕打擾
• 把手機當做電腦與娛樂裝置的趨勢
• 使用手機折價功能與廣告的偏好降低
• 在手機裡，App 上演著不被刪掉的飢餓遊戲
• 台灣人常用的 App 數量不多。每天使用 6 個，一週使用 9 個
• 56.7% 的手機使用者中，自己裝的 App 低於 10 個，因此多做 App 並不會讓 user 多認識你
• 「社交通訊」是有錢人與大公司才能玩的 App 紅海戰場
• 日常生活的應用 App：還有一點機會
• 養成品牌忠誠粉絲策略：有些 App 使用人數不會多，但因為會用得到，也不會被刪除
• 數位嘗新減少：更多人只用習慣的 App 與網站，所以新的 App 要讓使用者發現的難度越來越高，也代表 user 的行為逐漸固定
• 只用行動的人口比例增加，特別是青年與低社經族群
• 低社經：沒有餘錢買其他裝置，同時手機打字的門檻也低
• 手機的學習門檻低，可以帶來接觸更多數位資源的機會
• 給電腦不如給手機

給非營利組織的 Adobe Photoshop 簡介

（本文翻譯自 The TechSoup Blog）

若想改善照片效果、設計創意內容、剪裁舊照片，Photoshop 都是最佳工具。無論是調整照片色澤，或控制數位內容的各項細節，都能仰賴這項應用程式的強大功能。

各位過往使用 Photoshop 的經驗若不多，學習過程或許有些可怕，因此科技濃湯希望在此傳授幾項照片處理與圖像製作的基本技巧，讓各位能用於平面、網路及社群媒體中。

我們為此編寫連續五篇部落格文章與教學影片（以下影片皆為英文），協助各位學習 Photoshop 基本技巧。



在第二篇文章中（英文），我們將蒐集製作上側海報所需的各種素材，包括字型、照片、標誌等。

本系列文章希望向各位介紹基本概念，方便各位製作如上側海報般的內容。

之後各位即可自行創作，向外界說明組織宗旨，並包含組織品牌形象，如標誌、字型、色彩與訊息。

第二篇文章將提供這張海報的 Photoshop 檔案（PSD）下載連結，以及其他資訊。

（在此科技濃湯只翻譯第一篇，若大家有興趣，可繼續閱讀後面的章節[英文]）

Photoshop 五項基本概念

在各位動手修飾或創作之前，請先放輕鬆，認識 Photoshop 基本概念，以下五段教學短片將幫助各位擁有Photoshop使用基礎知識，其中包括：

1. 工具列簡介（以及各項工具與功能的實用連結）
2. 說明畫布與圖像的差異
3. 使用色彩及色彩模式的訣竅
4. 示範如何修飾圖像
5. 儲存平面或網路所需圖像

非營利機構搜尋與使用圖像指南—如何在網路上搜尋照片並合法使用

（本文改寫自 Robin Good 發表的「為部落格找到免費圖片及視覺」（英文），並由 Laura Kindsvater 在2016年 3 月更新。）

目錄

1. 著作權圖片：未經許可不得使用
2. 不需詢問，自由取用

• 2-1. 公有領域圖像
• 2-2. 註明「自由著作權」
• 2-3. 開放授權圖像
• 2-4. 圖像可合理使用

3. 如何註明圖像來源
4. 使用圖像原則 
5. 尋找開放授權圖像 
6. 其他網路自由圖像資源 

網路上有眾多圖片，可供您的組織及慈善單位使用，但如何找到最適合網站、電子報或年報的圖片？如何確保可合法使用圖片？本文介紹尋找與運用優質圖片的基本方法。

非營利組織與慈善單位經營不易，要為網站或刊物尋找圖片時，網路貌似是個巨大的免費相簿，但未經許可使用受版權保護的圖片，即便用途良善，仍屬違法行為。

網路上有不少地方，能夠取得可合法使用的圖片，本文將列舉眾多資源，但若要使用自網路上取得的圖片，得先瞭解幾項基本原則。

不是設計師，也該知道的平面設計四件事

原文作者 Laura Kindsvater
（翻譯自 4 Things Non-Designers Should Know About Graphic Design）

未來世界與視覺密不可分，今日人們常透過圖片傳達眾多細節資訊，而非仰賴文字，視覺識讀也成為必要能力，既然如此，我們該如何與社群溝通及互動？

Meggan Frost 是美國紐約上州的保羅史密斯學院公共服務圖書館員，近期在內布拉斯加圖書館委員會，發表相當精闢的平面設計 簡報，強調若設計妥善，就會吸引人們的目光與靠近。

她提出四項平面設計基本元素，協助大家製作與他人互動的素材，也列出三項實用捷徑，以及發掘靈感的額外資源。

以下是她提出的四項平面設計基本元素：

一、排版：提出適當設計問題

構思排版時，請自問以下問題：

1. 設計目的為何？ 
2. 有何限制？ 
3. 如何排列資訊？（有何階層？） 
4. 重點為何？ 
5. 如何突顯重點？顏色、結構、位置或尺寸？ 
6. 排列是否合理？ 
7. 是否清晰？ 
8. 哪些元素沒有必要？ 

若緊盯電腦螢幕，可能讓人逐漸麻木，各位可先粗略在紙上畫出各個元素的位置，再套用在電腦畫面裡，印出草稿後，退後一步，再次自問上述問題。

調整後，依實際需求重複以上步驟。下圖是她調整電子報排版的對照圖，左側是初稿，右側是定稿。