Case 05 | Imitate design: Apple Landing Page

Case 05 | Imitate design: Apple Landing Page

最近開始了一邊做模仿設計一邊視頻錄下來過程,更直觀的審視自己主要用時間的點。

Apple是靈感來源之一,像之前的Airbnb篇一樣。Apple非常善於用高質量的圖片讓整個頁面的質感提升。這樣一對比,Airbnb和Apple都是售賣產品的公司,一個售賣短期住房(旅行經歷),一個售賣手機。高質量的圖片營造出了五彩的商品貨架的即視感。

模仿的步驟基本上也是:Inspect網頁——Figma裏一個元素一個元素的做出來
這次收獲了幾個技巧:
・把瀏覽器打開的網頁寬度和Figma裏的畫布寬度一致,這樣在Inspect的時候方便直接對照元素(比如說margin, padding etc.)
・提升對前端代碼的認知有助於去模仿和學習他人好的設計。最近開始著手寫前端,freeCodeCamp上的課程較好上手。當對前端有了一定認知後,對於設計實現的部分有了更好的認識
・文字內容可以直接放在大幅的照片上,運用得當的話可以很和諧