tsda web design
社團法人台灣社會發展推動協會
透過A.I.與C.I.設計組織色盤的過程
設計過程
媒體傳播互動的重要元素
Step 1: 組織字詞導出網站屬性
從字詞開始＞
文字或是圖文影音，是媒體傳播互動的重要元素，能讓群眾更容易接收與理解，除了組織的宗旨以外，需要具有組織精神與行動的描述
因此，我們從臉書上摘取與分析如下，
Ａ組織精神：熱誠；理性；真心地合作
Ｂ組織活動：福利、教育推廣等專業服務及研究
Ｃ關注對象：身心障礙者；弱勢族群；高齡者；社區發展
- 需要精神與行動的描述：自行從臉書找資料；
- 組織性格：活躍中帶著柔軟
- 組織選色
- 組織代表圖片：僅提供logo
設計過程
商標色與選色以及環境常見色
Step 2: 從環境色彩導出色盤
從商標色與選色以及環境常見色彩導出色盤＞
運用A.I.從環境中分析出符合活躍、軟柔屬性的色彩
使用A.I.在商標色與選色之間，導出中間的粉紅色，並從藍綠色導出右邊兩色，與組織環境色接近
得到目前選色成果，為右下方兩組色盤
設計過程
組織色彩更有感染力
Step 3: 融入全球色彩趨勢
用全球趨勢修調組織色盤，讓組織色彩更有感染力＞
- 專家分析全球色彩趨勢為，沉靜，自然屬性，大膽，對比
- pantone根據全球趨勢提出的專家色盤為，冷暖對比，明暗對比，灰調沉靜
- 從全球趨勢中修正組織色盤，用A.I.導出Akira經典色盤，最接近組織性格與全球趨勢
- 設計師建議使用＞Akira色盤的深藍與深綠兩色增加原有色盤的沉靜感與自然感，而且經典色盤具有長久的歷史以及傳播上的說服力。
全球趨勢修調組織色盤
Akira經典色盤
從組織活動導出供稿系統
選用AI-LMEDIA為基礎設施，增加20GB硬碟作為圖庫
著重文章網誌與社群互動
展現服務價值，倡議及社會教育
供稿系統
展現服務價值，倡議及社會教育
1.固定頁面結構與文章網誌
- 頁面結構：常態設置的頁面，委託架設，學習網頁局部修調與更新的能力
- 新建網頁：提供型版、線上服務及嘗試新增網頁的能力
- 例如，舉辦活動時需要的頁面（不是網站常態設置的頁面）
- 文章網誌：時常更新，與群眾溝通的主要內容
- 新增影音、新增相片
- 新增文章：主題專欄、組織活動、最新消息
- 提供標準化的型版設計，讓組織團隊都可以簡易協作更新
供稿系統
展現服務價值，倡議及社會教育
2.社群互動與溝通
- 網站文章留言回應
- 組織臉書粉絲頁嵌入
- 表單工具：活動報名、意見調整、訪客互動
- 線上對話板
（以下功能需2CPU/4GB RAM以上規格才能運作）
- 進階互動工具：線上論壇、電子報
- 群組活動、訪客會員
- 電子商務及線上募資
供稿系統
展現服務價值，倡議及社會教育
3.軟硬體系統的選擇
- 使用獨立伺服器：2CPU 2GB RAM 40GBSSD硬碟
- 郵件系統：【架設在網站系統中】
- 組織收信：使用gmail（免費）或是自己的網域(300元/月，無人數限制)
- 寄信系統(SMTP)：使用gmail（免費)，但寄件人就是該gmail帳號，或是自己的網域（500元/月）【是可以設定在網站系統發信】
- 建議：目前組織發展初期，可先用gmail收發即可。
- 自動備份系統：提供一個獨立google帳號，作為網站資料備份用
供稿系統
展現服務價值，倡議及社會教育
4.社群資訊系統的選擇
- Google：
- reCAPTCHA：作為防止駭客入侵使用
- YouTube：作為組織影音片庫、建立播放清單
- Drive：雲端硬碟（作為組織網站資料備份使用）
- Gmail：作為組織郵件系統（作為組織網站信件收發用）
- openstreetmap：避開google地圖收費機制，建議使用此開源軟體
- 臉書粉絲頁嵌入
未來工作
在確定色盤與供稿系統之後.....
架站工作流程
- 確認初步設計的分析成果
- 確認色盤設計與組織心聲與性格的描述
- 確認供稿系統與服務方案，提供要建立的專欄主題與所需的Google帳號
—收到確認委託後，開始第四項以後工作，約兩週內全部完成— - 開始分析組織關鍵字，用郵件與業主互動增補。
- 從初步設計與關鍵字導出影像圖庫，圖標，型版等視覺元素
- 排版設計：一大頁主設計，以及五種網誌專欄頁面設計
- 主設計頁面 溝通說明 依照業主意見修改一次
- 若主設計修改第二次，由業主自行修改，提供頁面修改課程協助之
- 網站整體架設完成（進度不受第八項影響）
- 提供網誌供稿課程，以及後端維護課程。
網站驗收交件，上述三項課程提供三個月的學習問答。
（三項課程為：頁面修改，網誌供稿，以及後端維護）