部落格改版筆記

今天很紅的 中央氣象局 - 網站設計概念稿

我死了，我的部落格改版到現在都還沒規劃，人家卻在一天之內作好氣象局網站的設計概念，不動手果然就得等餓死啊，虧我年初還計畫今年每一季改版一次，再不開工，計畫就要死了。

部落格改版除了美觀考量外，還必須考慮到「使用者需求」及「使用界面」，關於「使用者需求」我應該是不需要考慮了，畢竟是個沒人看的部落格（每天念這句也不會增加流量的），而使用界面則是練習重點了。

由於想要做 Responsive Web Design，所以今天再加上幾個網站介紹作為填補三百字的手段：

50 Useful Responsive Web Design Tools For Designers

The Top 25 Responsive Design Tools

16 Top Tools for Responsive Web Design

6 TOOLS TO GET STARTED WITH RESPONSIVE WEB DESIGN

宿醉真是工作的大敵。

閱讀全文

你的部落格是不是該重新設計了？

其實我很懷疑還有多少人還在部落格上寫作，有些名人甚至以FB作為發文平台（這我也很不解），也許未來在Paper之後，Facebook會強化它的部落格系統，吃掉內容行銷的重要環節，不過在Facebook還沒動作之前，網站或部落格的重要性請不要忘記。

嗯，我自己就忘了好幾年......

有幾個理由，請檢視後好好思考是否需要重新設計你的網站或部落格：

1、設立部落格目標：有些人的部落格一開始只是寫爽，想圓圓作家夢；有些人拿部落格當官方網站；還有些人在上面銷售商品。不論是哪一種，請檢視你的設計是否「最適合你的目的」。

如果只是寫爽，那麼讓來客可以更容易找到不同的文章是重點；如果當成官方網站，那麼要鄭重思考目錄及是否要有大圖幻燈片作為入站重要廣告及公告；如果是銷售商品，那麼商品目錄及快速介紹商品的圖文界面就是最重要的檢討指標，但無論如何，快速美觀仍是基本重點。

2、網站的擴散性：別說在這社群行銷人人朗朗上口的時代你還忘記「社群行銷」，姑且不論你的內容有沒有人要看，都要考慮到「如果有人覺得好看、重要，讓他無痛分享」。

3、對行動裝置（手機、平板）的支援：雖然Blogger可以透過設定增加手機版，但，你設定了嗎？再者，行有餘力，我建議最好作成響應式網站設計，保有個人風格與需要的功能（幻燈片式導攬可不會出現在Blogger的手機版）。

4、訪客看不到你要他看的：如果你有重要文章或重要活動，你的訪客能無痛接近嗎？

5、設計太醜了：你還不改（這是我改版的唯一原因）

這幾個理由其實還可以再細分，請好好想想。

閱讀全文

Blogger改版準備---2014立志項目

這個部落格的版型大概是2008年還是2009年改的，當初也沒啥想法，只是想要凸顯文字，所以把部落格改名叫做「白紙黑字」，去掉多數可以除去的顏色，並且拿掉多數的設計，然後就變成這樣一個莫名其妙的排版設計了。

當初的螢幕規格跟現在當然不可相比，也沒有現在所謂平板、手機多螢幕的問題，一切都是在瀏覽器中跑來跑去。身為網路部門的小員工，自己的部落格長這樣實在也不敢拿給人看，這也是我一直沒有把這部落格與我個人連結的關係。

又，就算是個多年沒碰HTML，跟CSS不熟的老頭子，也該把自己改版目標定清楚：
一、3月15前收工。
二、採用響應式設計（Responsive web design，通常縮寫為RWD）
三、社群分享優化（夭壽，這兩個字出來整個就覺得已經改版完成了）。
四、版面好看。
五、簡單。

我不會說行動優先，但是讓部落格在電腦、平板及手機之間都能維持良好設計也該是部落格主人的責任。

開工吧！

閱讀全文

CSS的小練習，每季Blogger改版一次---2014立志項目

在沒啥資源、時間、金錢的狀況下，我很愛拿 Blogger 做官網，連上專屬網址後，其實一般人也不太會在意到底是什麼技術架構，對於一般使用者來說，設計及內容才是重點，我們只需要將想要塞給客人的東西精巧的加在設計之中就好。

不過年事漸高之後，關於設計及CSS編寫的能力在許久未曾進修後，已經退化到初學者階段，而且也沒時間再去重頭學起了，這樣下去，早晚有一天我會連設計講什麼我都聽不懂，何況手機、平板崛起後，Blogger的設計思考也該轉轉方向，當然，那些花大錢的官方網站更應該「趕快再花大錢改版」適應新時代。

我想，Responsive Web Design這幾年是逃不掉的趨勢了，在大戰之前，透過每季的改版，學習思考版位變化及讀者習慣是個好方式，總比到了大敵當前之時臨陣磨鎗來的好。

我每天這種碎念怎麼還會有人看？不解。

閱讀全文