摘要:今天我们精选了50+优秀的文章列表与详情页布局设计,这些界面的排版都是比较新鲜独特,但要注意,有些界面只是概念设计,你在做移动 APP 或网页设计时应该考虑到程序员能否实现!

Newsfeed v2

设计师:Al Rayhan

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Bookmark iOS — Folder Menu

设计师:Goutham

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Newsfeed Experiment

设计师:Ales Nesetril

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Newsfeed & cards screens

设计师:Alex Ds Karera

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Feed screen for Spare Pixels

设计师:Prakhar Neel Sharma

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Live Stre.ams

设计师:Ionut Zamfir

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

My Life App

设计师:Zhao Legs

极简风的「我的朋友」列表及内容详情页 APP UI设计。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

_^

设计师:Tice

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Desktop

设计师:Thanh Quach

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

社交类的展示列表

Share 设计师:Gray

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Twitter Usability Redesign | Version 02 (UX)

设计师:Masum Parvej

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Jong Heng App Concept

设计师:Riko Sapto Dimo

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Tourism share App

设计师:Yucheng

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Insurance App — UI/UX Design

设计师:Nimasha Perera

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

REM APP BY BSTY

设计师:beasty

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Smart City iOS App Redesign

设计师:Ghani Pradita

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

19

设计师:Leeslie

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Hangout App #Feed

设计师:Rify

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Social Posts #2

设计师:Andrea Boi

展示很好看,文字的色块是根据图像来配色的,所以整体看起来很融合。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Resturent App Concept

设计师:Zihad

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

interface

设计师:Shan Zi

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Horizon News

设计师:Daniel Sandvik

左侧是头条,右边是列表,视觉不错,如果在 iPad 上显示应该很适合。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

News Blocks

设计师:Artyom Khamitov

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Infinity Photo iOS App

设计师:Aleksandar Nikcevic

一个照片社区类的 APP,赞和赞的用户在照片的下方排列。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Group App Mobile

设计师:Agung Krisna Wijaya

事件使用流布局,模块使用多种彩色背景。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Ease UI Components

设计师:KK UI Store

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Travel/Moment

设计师:Gale

旅游类的 APP,配色以蓝色系为主,搭配很好,但头像占了左边很多空位,感觉有点浪费空间哦。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

practise 3

设计师:REETIME

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

栅格类文章列表界面

Discover SmartUp 设计师:Szilard Nagy

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Video Software

设计师:Regan Jiang

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

附近社交类 App

设计师:Masudur Rahman

最大特色是,列表的那个图像战满左右屏幕。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Wayfarer — Explore the World

设计师:Alim Maasoglu

图像展示类的 APP,好简约,并且找不到任何线条,几乎是使用空间、留白来解决版式上的视觉设计问题。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Daily Inspiration App Concept

设计师:Stefan Hiienurm

设计师做了两种视觉展现,分别是亮色和暗调,都很不错呢。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

My Feed + Notifications

设计师:Prakhar Neel Sharma

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Fubiz mobile terminal design

设计师:Zhao Legs

宫格式排版,文章一边带图,一边是不带图的,也就是说,一边看图一边只能看标题,额……这个不知道算不算是问题,但如果全部也使用了带图像的,这个版式可能就太花……

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

会员个人主页界面设计

设计师:Grégoire Vella

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Daily UI #005 — Singing App

设计师:zuonx

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Daily Ui 03

设计师:Tingting

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Weekly Layup #9 — Voicey Profile Page

设计师:followilko

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Rpple — Dashboard (WIP)

设计师:Jan Losert

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Home + Feed for medical app (WIP)

设计师:Prakhar Neel Sharma

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Activity Feed — Day 04

设计师:Ennio Dybeli

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Manstand Feed

设计师:Megan Fox

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Manstand Continued

设计师:Megan Fox

这种栅格排列挺好看哟,不像普通的统一列表排发,当前程序员的代码量也增加了:)

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

Side Menu & Home Screen

设计师:Iftikhar Shaikh

渐变背景,但不会很花哨。

50+ 文章列表与内容详情页 UI 布局欣赏-稀土区

好了,下次设计文章列表页,文章详情页等相关的UI项目时,这里将是很好的灵感来源,记得 mark 起来,下次来这里取灵感~!