UI布局欣赏:文章列表与内容详情页设计

信息内容几乎是每个新闻、博客、摄影、社区等类型媒体常用的功能,所以他们一般都会拥有信息的列表页和内容详情页面的设计,可是这些ui布局的设计往往是差不多样子,也许因为用户体验而不敢做太多的ui修改,可是这样一成不变的布局样式已经看厌了吧?怎么办?
今天我们精选了50+优秀的文章列表与详情页布局设计,这些界面的排版都是比较新鲜独特,但要注意,有些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
fubiz mobile terminal design
宫格式排版,文章一边带图,一边是不带图的,也就是说,一边看图一边只能看标题,额……这个不知道算不算是问题,但如果全部也使用了带图像的,这个版式可能就太花……
会员个人主页界面设计
设计师: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)
activity feed — day 04
设计师:ennio dybeli
manstand feed
设计师:megan fox
manstand continued
这种栅格排列挺好看哟,不像普通的统一列表排发,当前程序员的代码量也增加了:)
side menu & home screen
设计师:iftikhar shaikh
渐变背景,但不会很花哨。
好了,下次设计文章列表页,文章详情页等相关的ui项目时,这里将是很好的灵感来源,记得 mark 起来,下次来这里取灵感~!