Case 10 | Imitate design: Linkedin.com

Case 10 | Imitate design: Linkedin.com

Linkedin網站

之前分析過Microsoft.design的網頁,現在來看一看被Microsoft買下的Linkedin的網站設計

整體設計風格不是我喜歡的類型,所以這篇文章基於我的視角將會有更多是critical的

界面上顏色使用

除了藍色主色調外,插畫裡有超過5種顏色,有些花哨

左邊的註冊欄的信息之間的間隔非常緊,雖然可以理解可能是為了盡可能放在默認首頁而不需要再滑動鼠標看全部,但較少的white space讓頁面的“呼吸感”減少了。

下載的二維碼是一塊白色的方形,在原型的橙色的插畫右邊嵌入顯得十分突兀

“Agree & Join"的CTA button也距離上一個元素非常緊,即使下面依然是有很多空間的可以讓這個button往下一點,inspect代碼可以看到,這裡沒有給top padding

下拉到這個頁面也,依然是element之間的white space很少

頁面上的字體總體上不夠融洽,字體在大小,粗細的變化很多但整體看起來不是很nice

圖片和插畫的混合使用讓風格不明

插畫呈現一種略卡通商務的風格,真實的人物圖片呈現一種質感活力,兩者也不是說完全不能兼容,但下圖這種排列方式從我的視角來說感覺是《蠟筆小新》和《黑客帝國》這兩個電視劇的畫面放在了一個電視裡。單獨來看都挺好的各有特色,但組合在一起就...

這兩塊風格是統一的,和之前的分析facebook.design裡的不規則帶顏色的背景塊有異曲同工之妙

紙上得來終覺淺,批評他人的作品也只是動動嘴那麼簡單。為了打破這個怪圈,下一篇將紀錄我對於Linkedin網站的redesign全過程

歡迎繼續follow我的博客,感謝❤️