ga-post 2 [HTML9]

2016-08-15

碼農一週:社技哲學 2016 改版紀錄與重點提示

社技哲學.TECHNOSOPHY 的瀏覽人次在上週達到十萬,作為一個專寫冷門文章的部落格,看到這個數字我真的蠻開心的(是說開版也兩年了啊…)。

前年我很迷 Google 的 Material Design,版面設計就以塊狀為主(陰影還不太會做);今年看到許多 App 改用線條和純色(例如 instagram),於是決定嘗試這種風格——大陸用語叫做「性冷淡」 (XD)。雖然畫面簡單,但處理起來其實要花更多力氣(時尚圈裡的「隨性」都嘛是精心安排的),尤其不能因為顏色單純就顯得死氣沉沉,所以動用不少 CSS 來產生特效——許多按鈕、圖示、縮圖,當滑鼠移過去就會出現變化!

社技哲學 TECHNOSOPHY 改版電腦畫面

給忠實讀者

  • 先前已經訂閱 RSS 的朋友,請重新訂閱因為購入獨立網域(hungching.com),所以社技哲學的 RSS 一併更新網址,即日起舊的 RSS 將不再更新。新的 RSS 開放全文,更方便你在 RSS 閱讀器中閱讀。

外觀改版

  • 使用純白背景 — 我曾經為了保持易讀性而採用灰色背景,但這一兩年發現很多朋友都有安裝護眼軟體(例如 f.lux),所以灰色背景反而顯得太暗,讀起來更吃力。
  • 採用 Panton 2016 代表色 — 玫瑰粉(Rose Quartz)與寧靜藍(Serenity)。這兩個顏色很淡,剛好適合白色背景,也代表「安靜閱讀」的意思。
  • 顏色盡量簡單 — 主色限制在 3 色以內,包括玫瑰粉(#F7CAC9)、寧靜藍(#92A8D1)、以及內文的微淺黑(#666666)。幾乎所有縮圖都用 CSS 淡化處理,大部分按鈕也維持單色,只有當滑鼠指到時才變色。
  • 運用雲端字型 — 中文字型實在太少,為了讓大標題有點變化和風格,所以使用雲端字型厙 fonts.com,目前是免費方案,字型是 MSung HK(目前是測試期,之後可能更換)。
  • 社交按鈕不帶數字 — 移除所有顯示數量的按讚和 +1 鈕,也移除 Facebook 粉絲頁、Google+ 社交圈、Twitter 時間軸的展示。我想讓社技哲學.TECHNOSOPHY 回歸最簡單的閱讀、分享、和交流,除此之外一切都是浮雲~
  • 手機版本美化 — 之前 Blogger 官方版本很簡陋,這次盡量讓手機版變得好看好讀,還能留言、訂閱、和搜尋。

社技哲學 TECHNOSOPHY 改版手機畫面

功能改進

  • 開放全文 RSS — 我很鼓勵大家使用 RSS 來收集和閱讀資訊,所以決定身體力行開放全文,雖然這樣可能降低部落格本身的瀏覽量以及廣告點閱率,但我相信這是對讀者最好的做法。歡迎訂閱
  • 即時電子報 — 原本電子報固定每週六發送(如果有新文章的話),現在改成如果有新文章就會於當天或隔天發送。以我撰寫的頻率來說,你的信箱大概還是一樣每週收到一封,差別在於現在比較即時。訂閱子報後記得去收確認信,沒看到的話請 check 垃圾信件匣 XD
  • 專用聯絡信箱 — 地址是 technosophy@hungching.com,歡迎寄信給我,廣告就不用啦!
  • 社交按鈕不用圖片 — 圖片會降低載入速讀,尤其是 Blogger 本身的相簿(也就是 Google 相簿)速度不快,所以社交按鈕全部使用 Font Awesome(加上 CSS)——也就是說,現在這些按鈕其實都是「字」,可以用處理字型的方法處理。
  • 捨棄 Call to Actions — Call to Actions 就是在文末提醒讀者分享或 follow,這幾乎是部落格的黃金準則,我先前也寫了很多。這次我把它們全部移除只留下按鈕,讓閱讀和思考成為唯一重要的事情,也留給讀者行動的空間。(是說只有按鈕會不會有點意圖不明咧?)
  • 反白特定文字分享到 Facebook—這是我唯一使用的原生分享功能。將文字反白以後會跳出「分享引文」的小框框,點擊就能把這段文字還有文章分享到 Facebook,省去複製貼上的麻煩。這個功能很適合習慣分享文章時附上摘要的朋友。

社技哲學 TECHNOSOPHY 改版平板畫面 引文分享功能

文章授權

  • 所有文章採用創用 CC 的 BY-NC-ND 釋出 — 全名是創用 CC 姓名標示 - 非商業性 - 禁止改作 4.0 國際授權條款。白話文就是,如果你的轉貼符合以下三個條件,就可以直接拿去不用問我,除此之外還請先聯繫我喔!
    (1)不修改內文(錯字請幫忙改然後告訴我一下 XD)
    (2)不拿去賣錢(怎麼會有人要買…)
    (3)附上作者姓名與原文連結

其他資源

  • 因為重視知識共享和交流,所以我持續收集、過濾、和推薦值得一讀或一看的作品,不論是書籍、文章、電影、還是影集。但是處理這些「品項」的網站都不一樣,所以我只能把它們逐一列出,有興趣的朋友請看社技哲學更多資源

差不多就是這樣啦。喔,對了,雖然我有放廣告想要賺一點咖啡錢(兩年來只賺到一杯小七而且金額太低還不能領,悲傷),但絕對不會放在阻擋閱讀的位置。如果你真的很討厭廣告,可以安裝 AdBlock Plus 全部燒毀 XD

你覺得現在版面如何呢?有什麼可以改進的地方嗎?歡迎跟我分享你的看法和感受~啊如果哪個功能壞了要跟我說嘿!