Case 14 | TED.com

Case 14 | TED.com

・每個nav bar文字的左右padding都是20,organised

・TED的頁面字種多用的是700和400,即regular和bold。整體的閱讀體驗是蠻舒適的。依然是box模式,和之前分析的Airbnb, Amazon, Microsoft的排版是一樣的。design trend總是在一個時期趨於一致。不過TED的一個不一樣的地方是,用了box shadow

・因為TED上視頻非常多,視頻的分類也很多。運用了一個很sharp的類似於tag的矩形紅色背景白色文字來做分類,而不是用傳統的標題式分類。讓頁面顯得整潔乾淨,頁面可“呼吸”的空間因此比較合適

・brand color的紅色主要出現在點睛的部分,CTA上。顏色運用的不多也不少,品牌特色突出同時不顯雜亂。聯想到最新的Twitter的改版,把原來的藍色的一些button改為了黑色,頁面上的brand blue減少。與TED這裡對顏色的運用有異曲同工,控制一定數量的品牌顏色的使用

很巧妙的用橫向的長的圖片文字欄做分隔欄,使頁面佈局不枯燥

🍺思考:

・用tag代替小標題(每行視頻的第一個的左上角),別緻又讓頁面整潔

・長幅的照片和文字(horizontally fill)做分隔欄

・brand color運用合適,在“Membership"button和視頻tag上運用了紅色。不多也不少的吸引用戶的注意力