2014年11月26日 星期三

潮男女製作過程(十) 分頁的目錄

2014/11/26

本來的分頁如下圖,是紛亂的,一長連串的文章讓人不知道要怎麼看(標題內文都跟上一篇搞混),所以就針對這個問題改良成下圖的模式(製作每篇文章的icon),是不是有整齊又容易閱讀的介面呢?


2014年11月23日 星期日

潮男女製作過程(九) 傷腦筋的目錄

2014/11/23

目錄是一個網頁最重要的導覽,常是代表通往各抽屜的入口,但是如何簡單的說明這個網站的架構呢?最後做出下圖的版本,還是覺得有些亂,頗有改進的空間!



2014年11月20日 星期四

潮男女製作過程(八) 首頁的視覺改版

2014/11/20

網站主打手繪風,雖然視覺化統一不是做得很好,但是下圖是改變的過程,從較沒有視覺張力的圖轉換到豐富的畫面,是否有比較吸引你的注意呢?





2014年11月17日 星期一

潮男女製作過程(七) icon如何簡潔明瞭?

2014/11/17

原本icon的製作只用一張圖片,然後在圖片上方加上小文字做連結,當使用者點圖或是點字都可以進入頁面,後來發現這樣的方式不如就直接加工美化icon,讓圖成為連結的地方。
下圖是前後的差異。




2014年11月14日 星期五

潮男女製作過程(六)如何在視覺上易閱讀?

2014/11/14

在結構上要顧慮能塞入不同內容,再排版上也要調整訊息不會讓閱聽眾覺得眼花撩亂,剛開始不太適應網頁的版面,所以圖文的排版顯得很雜亂,讓人不知道該怎麼點。







2014年11月11日 星期二

潮男女製作過程(五)首頁換新衣

2014/11/11

使用了三張代表性的圖,做三個主題的入口,分別是on your mark、跑道上的我們、天天...每一天。

2014年11月8日 星期六

潮男女製作過程(四)三個重要的主題

2014/11/8

前言主要題目就是:數位化的今天,校刊應該是如何的?

次要題目是:「回顧傳統,對學校未來的看法」;再次要的題目是「唯有特色才能讓一個學校存活下來,如何尋找特色呢?

接下來是「學校大事:珊瑚礁與校務評鑑」;接著是「學校小事:角落與工讀生甘苦談等。」


其它,就是「特別專題:畢業後的學長姊談『眼中可能的未來』......




2014年11月5日 星期三

潮男女製作過程(三)第一版的頁面終於誕生

2014/11/5

經過一周的討論,加上需要熟悉協作平台的操作,終於將架構暫定!
 
內容的部分則是能描述「在地生活」,而潮高生和校友能夠「經驗交流」,成為大家想來的平台!



2014年11月2日 星期日

潮男女製作過程(二)版型該怎麼下手呢?

2014/11/2

版型跟界面的設計當時好傷腦筋,最後決定網站想以「視覺圖像」為主,所有的字或按鈕,盡量可能使用「手繪」的圖或文~

主畫面的部分,就要從自己使用者角度出發(不要放太多訊息),簡潔且必要的訊息比較好,這時必須拿出自身的「使用體驗」來規劃與設計「主次頁面」。