編輯嚴選方格子開發誌#1｜全站輔色調整與網頁 SSR 優化
編輯嚴選
大家好，我是方格子的工程獅先生！上週「驚蟄」剛過，原本期待天公作響，卻是在週末下了場場大雨，一點轟隆都沒有，看來我們只能好好待在家中持續冬眠，開個小黃燈，打開方格子文章，搭配雨聲的 ASMR，用最廢的姿勢閱讀你最喜愛的文章，再用這個睡姿睡死在方格子平台面前，何嘗不是件美好的事？
相信格友們最近有微微觀察到，平台又有了一點點的不一樣。沒錯，方格子開發團隊在過年吃飽睡足了（並沒有）以後，很快地又回到銀河戰艦上持續優化平台。
從開工以來，我們將目標初步定調為：讓系統更加穩定，並且在整體品牌體驗上減少複雜度。為此，我們在開發上有兩項主要目標，一是將整體的主題顏色做全站性的統整與優化；二則同時在方格子閱讀頁與首頁載入進行速度上的優化！
以下是我們針對上述所做的相關調整項目：
《全站輔助色調整》
在這次的任務中，我們重新檢視了方格子全站頁面的色彩樣式。在程式中也明確地重新定義顏色的階層關係，希望讓設計端的色彩在套用的同時，就先透過一層介面的層級定義，來引入我們需要的顏色！
除了程式面的介面定義外，設計端也重新整理、設計了全站的視覺輔助色，刪除掉原先較為複雜的輔助色組合搭配，希望讓全站在視覺體驗上變得更加順暢，視覺層級更加清晰；另外也在灰階的部分做了統整與細調，希望讓內容的輕重脈絡更能夠被清楚地定義。
這部分的調整規模其實蠻大的，因為是底層顏色引入方式的改變（汗），既要使視覺層級感上更加明確、流暢，又不會太過刺激使用者們的閱讀體驗，用這樣「潛移默化般默默地存在」，把方格子視覺的一致性帶出來。
以下圖閱讀頁為例，原本的「贊助作者」的按鈕在優化後會顯得更加明顯，便是希望利用方格子的主色強調當前頁面「最希望被使用」的按鈕動作，使層級感更加強烈。這就是我們希望在各個頁面能夠帶出的視覺體驗，不知道你有沒有發現這項改變了呢？
《爆文後的寧靜致遠》
近期許多厲害的作者在方格子上創作出很好的文章，為我們帶來許多新讀者的造訪，這也隱隱地說明了我們必須在前端頁面處理上，盡快刪除一些不必要的 Server-Side Rendering （簡稱 SSR）網址頁面，用來減少伺服器的處理負荷；另外，我們也將部份會吃到伺服器資源的頁面，直接在部署的同時生成靜態資源，藉以減輕伺服器資源的利用，進而將資源移給更需要的頁面使用，讓頁面之間的資源運用更平衡，載入的體驗也可以獲得進步。
這樣的好處是，當未來再出現爆文時，方格子伺服器會變得相對穩定，來迎接各位讀者觀看的甜蜜負荷：）。當然，方格子工程獅也會持續關注這方面的調校，並持續優化進步，畢竟好的閱讀體驗，永遠是我們希望提供給使用者的。
除了上述兩大項目的開發，我們還做了許多事情想與格友們分享：
- 近期我們上版了一個新的關鍵字（tag）頁面唷！呦呼～！現在開始，你可以依照時間、熱門程度、互動程度等指標來瀏覽該關鍵字的相關文章；創作者們甚至可以直接透過搜尋出的關鍵字結果開啟新的創作靈感，直接開始撰寫相關文章唷！歡迎格友們前往試試，希望各位會喜歡：）
- 之前在點擊個人頭像時，偶爾會出現 404 頁面的狀況，在這次的更新中我們也修正掉了這個 Bug。
- 修改了文章排程功能的時區呈現問題，讓你不論活在北美或南法，都不用再換算，顧及台灣讀者的閱讀時間。
最後，我們不免俗來一下提及一下方格子最近發生的 chill 事：
- 最近我們有新的工程師以及新的行銷、營運夥伴們入加方格子團隊，請用你們最 chill 的掌聲歡迎他們！！！（格編想問到底什麼是最 chill 的掌聲？）
- 腦闆 David 把自己的帳號不小心 ban 掉了，我們很快速地協助完成復原，將他從懸崖黑洞邊拉回，希望 David 以後不要再手殘～
好啦！以上就是本期的方格子開發誌，工程獅們未來也會不定期向格友們報告開發團隊的各項工作，希望這些大大小小的改變，可以讓大家更喜歡我們的平台服務，也希望各位可以更常上來方格子吃瓜泡茶、持續關注我們的開發動態唷！
你們在平台上的點擊互動，都會像青春的鉛筆，縮向前方的帥哥美女。
（其實我只想表達「怦然心動」的感覺...）
「Bug 當酒飲」的工程獅先生敬上。
延伸閱讀：方格子聊聊#15｜42公里的獨跑
為什麼會看到廣告
208.5K會員
1.7K內容數
留言0
查看全部
