城市分析|CSS 優化|🚴|還是 changelog?

1 - 評估城市宜居度的方法

接下來想做關於城市宜居度的視覺化分析。

以前上學、工作的時候這叫「基地分析 Site Analysis」,是闡述設計理念、說好故事的重要環節,也是眾多外國知名建築師事務所非常重視的技能,希望可以把這個思維模式傳播出去。很多人知道從飲食或運動顧好身心健康,但卻不知道「環境」的影響力更大。

基地分析可以從很多因子下手,比如建築密度、高度、交通、綠地、機能等等。

找了一些文獻,看還有沒有什麼啟發:

未來都市新趨勢》從 5 個層面評估

  1. 住家與職場之間的距離感
  2. 生活的方便性
  3. 徒步圈的幸福程度
  4. 房產收益
  5. 室內空間彈性

德國佛萊堡市永續城市的 12 個原則

Article → The Freiburg Charter for Sustainable Urbanism

這個蠻有啟發的,從三大類別評估:空間、文脈、程序

  1. 空間:多樣性、鄰里社區、短距離步行、公共交通
  2. 文脈:教科文、就業環境、自然環境、設計
  3. 程序:長期願景、市民參與、公平可靠、激勵機制

2 - 網站 CSS 與圖片優化

整理 CSS class

最初搭建就大致依照種類區分,是順利地按設計想法做完了,但最終調整排版字體大小和一些細節的時候,會導致很多重複工作或小地方被遺漏,簡單來說就是不夠模組化。

剛開始整理以為用「同樣樣式」分類才對,結果發現有點多此一舉,而且不好維護,應該是按「同樣功能」,比如說 post-card、form、slide、hero,才容易調整。查了一下官方文件,也證實了這個想法。

When naming classes, it’s best practice to use hyphens as logical grouping dividers (tab-menu) and give classes specific names based on their function and not their style. Good: form-button. Bad: blue-button.

對於沒有前端技術基礎的人群,Webflow 這種 no-code 的視覺化架站工具學起來很直觀、可玩性大、來回試錯的成本也很低。

圖像壓縮工具

TinyPNG:每次免費 20 張,平均削減了 70% 的大小,無失真。

3 - 城市行走|YouBike 永和 → 台大

今日路線

Image

好想為台灣打造更友好的自行車道、人行道環境 😭

4 - 這還是 changelog 嗎?

從面對一紙空白,到覺得自己說太多話,這差距有點過大啊。這還是 changelog 的初衷嗎?

記錄學習內容☑️ 記錄想法☑️ 記錄變化☑️,看來還是的。

發布於
更新於