Select Page

2017 年打算不時抽空更新一下網站,畢竟經過了 2 年,在語法的成熟度…應該有比之前進步吧?

在目前管理兩個網站中,一個是以音樂為主的 LiSWEi.com 、另一個則是為了進行實驗而架設的 mrwuli.com…;一開始其實也不知道該在這裡應該寫些什麼?所以就以 Mac 的一些使用心得開始整理,但後來想想:「其實 Mac 的使用者應該也都蠻精明的,可能不太需要多相同的教學內容吧?」

既然如此…還是寫些自己的東西吧?

關於 2017 的網站更新計畫

最近實在是太久沒有接觸設計相關的資訊了,為了督處自己能夠時時保持網站的更新進度,還是訂個新年計畫來趕鴨子上架吧!

網站選單修正

過去的網站選單除了改顏色以外,幾乎都直接使用 Theme 的原始設計。
過去的網站選單除了改顏色以外,幾乎都直接使用 Theme 的原始設計。

目前 LiSWEi.com 的網站除了主視覺還算滿意之外… 其實還有很多地方的瀏覽方式與設計都需要做一些調整;不管是 menu 的內容、或是 Blog 的排版、以及陳列方式..等等,都有許多進度的空間。

關於網站選單的排列順序,我想應該會有一些差異,什麼選單應該放在前面的順位,什麼選單應該放在最後?應該還是會影響到網站的 SEO ;而且關於選單該不該分層級、或是該怎麼設計選單的動線應該也是一個需要思考的重點。

首頁

LiSWEi.com 的首頁概念主要是為了凸顯:「除了器材以外,音樂的設計與創意才是真正更值得關注的事」
LiSWEi.com 的首頁概念主要是為了凸顯:「除了器材以外,音樂的設計與創意才是真正更值得關注的事」

在 LiSWEi.com 的首頁動線部分,為了呈現簡單明瞭的網站內容,將首頁內容分成三個大重點 【服務內容】、【更新內容】與【聯絡方式】。

當初會這樣設計,是為了讓第一次來的人可以在點下 【首頁】選單後,就能快速的瞭解到這個網站的主題、以及最新消息。

因為我認為..如果一個網站的內容(選單)分類的很好的話, 其實首頁應該是越簡單越好;總之… 把自己當作使用者,想想自己在瀏覽別人網站時最討厭遇到什麼情況?而不是一股腦的想說想要給別人看什麼。如果能做到時時替使用者著想,應該網站也會慢慢受到更多人喜愛吧~

電子報頁面

為了統一網站的設計(極簡風),所有的底圖都沿用首頁的底圖來當背景。
為了統一網站的設計(極簡風),所有的底圖都沿用首頁的底圖來當背景。

關於訂閱的頁面的字體排版以及內容呈現其實…還蠻糟的;誰叫那時候還不懂怎麼寫語法,只能自己修修改改亂改語法..最後也就將將就就了????

服務頁面

早期剛接觸 PhotoShop 的時候還不是很懂它功能,幾乎都是靠著 Google 的功力使用購買來的套版來做修改。
早期剛接觸 PhotoShop 的時候還不是很懂它功能,幾乎都是靠著 Google 的功力使用購買來的套版來做修改。

在課程介紹的部分.. 其實有點偷懶(少做了一頁)!現在如果要重新設計的話,應該會在新增一頁【課程介紹】來做分流頁面。

之前有個做設計的朋友跟我說 ... 你的 iCON 也未免太牽強了吧?(但我想...網站的內容還是比較重要吧 ...所以一擱著就幾年過去了????)
之前有個做設計的朋友跟我說 … 你的 iCON 也未免太牽強了吧?(但我想…網站的內容還是比較重要吧 ...所以一擱著就幾年過去了????)

如果有時間的話… 應該也要自己畫個 icon,畢竟老是使用現成的素材難免有些 “圖不達意”!

軟體攻略(教學內容整理)

認真開始架設網站應該是在 2013 左右,然後差不多到了 2015 年中後,才開始陸陸續續的整理網誌內的教學(根據軟體的類別來做簡單的分類);但卻因為抽不出太多時間來設計,只好先簡單的用 【頁籤】 方式的進行分類。

不過..這麼做的話有一個缺點;那就是很有可以會讓部分因為不知道【頁籤】可以點擊的人,因而錯過了【頁籤】內的資訊。

【頁籤】的設計也是很重要的... 不清楚的頁籤,很容易讓人忽略。
【頁籤】的設計也是很重要的… 不清楚的頁籤,很容易讓人忽略。

網誌文章列表

網誌文章列表應該是目前最滿意的編排了吧!熱門文章以縮圖的方式呈現、最新文章則以【標題】+【概述】的方式來分別層級。

我選擇把較多人感興趣的文章放在左邊、最新更新的文章則是方在右邊;透過閱讀時的視覺動線來增加文章的點閱率。
我選擇把較多人感興趣的文章放在左邊、最新更新的文章則是方在右邊;透過閱讀時的視覺動線來增加文章的點閱率。

聯絡頁面

在聯絡頁面的設計上,除了簡單的描述一下聯絡方式以外,還有基本的聯絡表單提供線上寄送訊息。

除了提供線上表單供訪客來信外,也在左下角附上 FB 的即時通訊,提供線上簡短的線上諮詢。缺點是... 表單送出按鈕的大小與表單格子不一致????
除了提供線上表單供訪客來信外,也在左下角附上 FB 的即時通訊,提供線上簡短的線上諮詢。缺點是… 表單送出按鈕的大小與表單格子不一致????

網站修改實行方案

為了升級目前的網頁內容,我先把另外架設了一個資料庫,然後將現有的網站內容都倒過去;打算等上述所有的目標都達成後再一次將網站更新。

其實在過去也沒有這樣做過,希望這次能夠一次成功;畢竟這樣一來可以拉長修改的時間,也不怕再更改的過程中,讓原有的網站服務受到影響。

另外也打算趁著這段時間補足一下載網路行銷的一些資訊,翻一下大學同學給我的原文書.. (希望可以看得完????)

 

總之歡迎喜歡網頁設計的朋友留言討論~~~

加入討論

留言

Pin It on Pinterest