UI佈局欣賞:文章清單與內容詳情頁設計
資訊內容幾乎是每個新聞、博客、攝影、社區等類型媒體常用的功能,所以他們一般都會擁有資訊的清單頁和內容詳情頁面的設計,可是這些UI佈局的設計往往是差不多樣子,也許因為用戶體驗而不敢做太多的UI修改,可是這樣一成不變的佈局樣式已經看厭了吧?怎麼辦?
今天我們精選了優秀的文章列表與詳情頁佈局設計,這些介面的排版都是比較新鮮獨特,但要注意,有些UI設計的介面只是概念設計,你在做移動 APP 或網頁設計時應該考慮到程式師能否實現!
Newsfeed V2
設計師:Al Rayhan
Bookmark IOS — Folder Menu
設計師:Goutham
Newsfeed Experiment
設計師:Ales Nesetril
Newsfeed & Cards Screens
設計師:Alex Ds Karera
Feed Screen For Spare Pixels
設計師:Prakhar Neel Sharma
Live Stre.Ams
設計師:Ionut Zamfir
My Life App
設計師:Zhao Legs
極簡風的「我的朋友」清單及內容詳情頁 APP UI設計。
設計師:Tice
Desktop
設計師:Thanh Quach
社交類的展示列表
Share 設計師:Gray
Twitter Usability Redesign | Version 02 (UX)
設計師:Masum Parvej
Jong Heng App Concept
設計師:Riko Sapto Dimo
Tourism Share App
設計師:Yucheng
Insurance App — UI/UX Design
設計師:Nimasha Perera
REM APP BY BSTY
設計師:beasty
Smart City IOS App Redesign
設計師:Ghani Pradita
19
設計師:Leeslie
Hangout App #Feed
設計師:Rify
Social Posts #2
設計師:Andrea Boi
展示很好看,文字的色塊是根據圖像來配色的,所以整體看起來很融合。
Resturent App Concept
設計師:Zihad
Interface
設計師:Shan Zi
Horizon News
設計師:Daniel Sandvik
左側是頭條,右邊是清單,視覺不錯,如果在 iPad 上顯示應該很適合。
News Blocks
設計師:Artyom Khamitov
Infinity Photo IOS App
設計師:Aleksandar Nikcevic
一個照片社區類的 APP,贊和贊的用戶在照片的下方排列。
Group App Mobile
設計師:Agung Krisna Wijaya
事件使用流佈局,模組使用多種彩色背景。
Ease UI Components
設計師:KK UI Store
Travel/Moment
設計師:Gale
旅遊類的 APP,配色以藍色系為主,搭配很好,但頭像占了左邊很多空位,感覺有點浪費空間哦。
Practise 3
設計師:REETIME
柵格類文章清單介面
Discover SmartUp 設計師:Szilard Nagy
Video Software
設計師:Regan Jiang
附近社交類 App
設計師:Masudur Rahman
最大特色是,清單的那個圖像戰滿左右螢幕。
Wayfarer — Explore The World
設計師:Alim Maasoglu
圖像展示類的 APP,好簡約,並且找不到任何線條,幾乎是使用空間、留白來解決版式上的視覺設計問題。
Daily Inspiration App Concept
設計師:Stefan Hiienurm
設計師做了兩種視覺展現,分別是亮色和暗調,都很不錯呢。
My Feed Notifications
設計師:Prakhar Neel Sharma
Fubiz Mobile Terminal Design
設計師:Zhao Legs
宮格式排版,文章一邊帶圖,一邊是不帶圖的,也就是說,一邊看圖一邊只能看標題,額……這個不知道算不算是問題,但如果全部也使用了帶圖像的,這個版式可能就太花……
會員個人主頁介面設計
設計師:Grégoire Vella
Daily UI #005 — Singing App
設計師:zuonx
Daily Ui 03
設計師:Tingting
Weekly Layup #9 — Voicey Profile Page
設計師:followilko
Rpple — Dashboard (WIP)
設計師:Jan Losert
Home Feed For Medical App (WIP)
設計師:Prakhar Neel Sharma
Activity Feed — Day 04
設計師:Ennio Dybeli
Manstand Feed
設計師:Megan Fox
Manstand Continued
設計師:Megan Fox
這種柵格排列挺好看喲,不像普通的統一列表排發,當前程式師的代碼量也增加了:)
Side Menu & Home Screen
設計師:Iftikhar Shaikh
漸變背景,但不會很花哨。