「免費素材搜尋引擎」今年進行大改版，核心的搜尋功能不變，不過操作介面、及行動版操作都有很大的改善：
- 原本受限於版面寬度，能夠進行搜尋的圖庫大致不到 10 個。新的版面對於管理而言很方便，圖庫數量可無限增加
- 原本的設計使用顏色來區分不同功能的圖庫，但對新手而言可能一頭霧水，新版則非常直覺，很方便就能找到需要的圖庫
- 針對提供特殊功能的圖庫進行分類，方便不同需求的使用者操作
其實新版的介面應該不需操作手冊也能很快上手，不過還是記錄一下操作說明，可以讓使用者瞭解更深入的設計功能。
一、網頁版
1. 選單基本操作
先點擊上方的分類群組，例如「CC0素材」、「圖示」，再點擊左側列表的圖庫名稱即可。
如果左側圖庫列表太長不好捲動，可參考上圖
點擊左上方紅框處的「分類標籤」收合該分類的圖庫列表；也可點「全部收合」隱藏全部的分類。
同時
「分類標籤」的開合狀態會自動記憶，下次開啟網站時仍會維持之前的操作結果，對於選擇常用的圖庫而言非常方便。
右側搜尋框直接輸入字串即可搜尋對應的圖庫，「中文圖庫」可輸入中文字串，「英文圖庫」只能搜尋英文字串。另外，未特別說明為「中文圖庫」的話皆為英文圖庫。
2. 切換圖庫
如果搜尋結果沒有滿意的圖片，直接點擊選單上的其他圖庫，會使用相同字串繼續搜尋，使用 Ajax 動態載入技術，不需重整頁面，速度非常快。
如果搜尋框沒有輸入關鍵字，切換圖庫時會載入該圖庫的介紹資訊，方便瞭解該圖庫的功能與特色。
3. 群組分類
上方的群組主要分成六大類：
- CC0素材：這些圖庫的圖片皆為 CC0 條款，不必特別署名出處。
- 圖示~透明圖：這四個群組依照圖庫的特質分類，圖片請特別注意下載頁面的使用條款，以免日後產生爭議。
- 外部：代表會連往外部該圖庫網站的搜尋結果頁面
4. 外部群組
如果站內搜尋找不到滿意的圖片，那麼可以使用「外部群組」。如上圖，搜尋 "flower" 的圖片之後，如果想要前往「EasyIcon」這個圖庫進行搜尋，直接點擊上圖外部群組中的圖庫「EasyIcon」，會另開新頁並顯示該網站 "flower" 的搜尋結果。
二、行動版
基本上大部分的操作跟網頁版一樣，但由於行動版設計的介面略有不同，以下為重點說明：
1. 選擇分類群組
手機由於寬度不夠，無法顯示所有群組，那麼上圖紅框處的群組，請用觸控方式
「左右滑動」，來拖曳顯示所有群組。
2. 切換選單與搜尋區塊
由於手機寬度限制，只能將圖庫清單與搜尋區塊個別呈現在螢幕上，那麼要如何切換這兩個畫面呢？
請分別看上面兩張圖的紅框處，設計了
兩個翻頁按鈕，直接點擊就能切換到另一個畫面。
另外也設計了「手勢滑動」的操作方式，
直接在手機上滑左、滑右，也能快速切換圖庫清單與播放器的畫面喔！
沒有留言:
張貼留言