認識專題--既然是關於某個主題的專題,那麼一個簡介視乎是必不可少的,各大專題頁我們都能看到這樣一個簡介,或長或短,但一定要深刻醒目。
頁面特性:產品頁面簡潔易用,專題頁面絢麗視效印象深刻。
在頁面設計當中,產品頁面(如facebook 微博 twitter 微吧等)的設計。注重功能,交互,設計要考慮用戶長時間的浏覽體驗。視覺上側重間距,布局,按鈕和logo,及icon樣式。注重規范和視覺識別性。樣式通常簡潔易用,絢麗元素少,視覺上並不強調沖擊力。
專題頁面時效性有限(大多專題是有推廣及活動時間限制的,過了這個時間,就很少會有人再訪問該頁面。),多為活動推廣和吸引用戶等內容,能在限定的時間的吸引最多用戶才能形成有力的推廣,需要強有力的視覺效果,和有趣的浏覽體驗,來達到吸引用戶的特點。在規范和布局甚至交互上可以適當放寬要求。
用搶眼的視覺吸引戶並留下深刻印象是專題設計的首要!
用搶眼的視覺吸引戶並留下深刻印象是專題設計的首要!
傳統產品頁面,簡潔注重功能和圖標等視覺設計。
專題頁面突出視覺效果,華麗豐富
微博專題多為各種微博活動和推廣內容設計。內容較多,在設計好頭圖這種主視覺的同時,大量內容和欄目的排版布局也要注意。針對專題視覺設計的特點著手,才能實際出優秀的頁面。
設計專題
確立UE,溝通需求。
需求方的UE稿(產品文檔)是專題設計的前提,,需要設計師和需求方一起進行溝通。設計師可以在早期就對專題需求提出自己的創意和方案,再由需求方形成UE稿。設計師再根據設計稿進行設計。由於專題設計往往沒有專門的交互設計支持,很多時候,UE稿只明確了該專題所要展現的內容,設計師需要自己對UE進行一些交互上的調整和優化。(要注意對UE的優化設計往往是遞進式的,貫穿設計專題的整個過程,未必一蹴而就的去翻新整個專題UE)。
專題結構
大多數的專題結構可分為頭圖部分和內容部分,傳統的專題一般只有一個主頁面,復雜的則有若干的二級頁面組成,視專題的規模而定。一些特別的專題則有著特殊的表現方式,包括類似用flash制作 minisite,以及一些異形的特殊專題。采用何種結構要看誰能更好的服務於需求。
特殊結構形式的專題,頭圖即為封面,專題的體驗類似翻書
專題尺寸