UI设计之:文章列表与详情页布局运用

信息内容几乎是每个新闻、博客、摄影、社区等档次媒体常用的功效,所以她们一般都见面有所信息的列表页和内容详情页面的设计,可是这些UI布局的宏图反复是差不多样子,也许因为用户体验而无敢做最好多的UI修改,可是这样一成不变的布局样式都看厌了吧?怎么处置?

今咱们挑选了50+优秀的文章列表与详情页布局设计,这些界面的排版都是较异常奇特,但假如留心,有些UI设计的界面只是概念设计,你于召开活动
APP 或网页设计时应该考虑到程序员能否落实!

Newsfeed v2 

by Al
Rayhan

Bookmark iOS — Folder Menu 

by Goutham

Newsfeed Experiment 

by Ales
Nesetril

Newsfeed & cards screens 

by Alex Ds
Karera

Feed screen for Spare Pixels 

by Prakhar Neel
Sharma

Live Stre.ams 

by Ionut
Zamfir

My Life App

by Zhao
Legs

有些太简风的「我之情侣」列表及内容详情页APP UI设计。

^_^ 

by Tice

Desktop 

by Thanh
Quach

集团交类的亮列表

Share by Gray

Twitter Usability Redesign | Version 02 (UX) 

by Masum
Parvej

Jong Heng App Concept 

by Riko Sapto
Dimo

Tourism share App 

by Yucheng

Insurance App — UI/UX Design 

by Nimasha
Perera

REM APP BY BSTY 

by beasty

Smart City iOS App Redesign 

by Ghani
Pradita

19 

by Leeslie

Hangout App #Feed 

by Rify

Social Posts #2

by Andrea
Boi

亮大难堪,文字的色块是冲图像来配色的,所以整看起格外融合。

Resturent App Concept 

by Zihad

interface 

by Shan Zi

Horizon News 

by Daniel
Sandvik

左侧是头条,右边是列表,视觉是,如果以 iPad 上出示相应挺符合。

News Blocks 

by Artyom
Khamitov

Infinity Photo iOS App 

by Aleksandar
Nikcevic

一个相片社区类的 APP,赞和赞的用户在像的花花世界排列。

Group App Mobile 

by Agung Krisna
Wijaya

事件使流布局,模块使用多花背景。

Ease UI Components

 by KK UI
Store

Travel/Moment 

by Gale

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

practise 3 

by REETIME

栅格类文章列表界面

Discover SmartUp by Szilard
Nagy

Video Software

 by Regan
Jiang

附近社交类 App 

by Masudur
Rahman

绝深特色是,列表的生图像战满左右屏幕。

Wayfarer — Explore the World 

by Alim
Maasoglu

图像展示类的
APP,好简单,并且找不至其他线条,几乎是行使空间、留白来化解版式上之视觉设计问题。

Daily Inspiration App Concept 

by Stefan
Hiienurm

设计师做了少数种视觉呈现,分别是亮色和暗调,都挺是啊。

My Feed + Notifications

by Prakhar Neel
Sharma

Fubiz mobile terminal design

 by Zhao
Legs

宫格式排版,文章一边带图,一边是勿牵动图的,也就是说,一边看图一边只能看题目,额……这个不知底到底不算是问题,但要所有吗祭了牵动图像的,这个版式可能就太花……

会员个人主页界面设计

by Grégoire
Vella

Daily UI #005 — Singing App 

by zuonx

Daily Ui 03 

by Tingting

Weekly Layup #9 — Voicey Profile Page 

by followilko

Rpple — Dashboard (WIP) 

by Jan
Losert

Home + Feed for medical app (WIP) 

by Prakhar Neel
Sharma

Activity Feed — Day 04

by Ennio
Dybeli

Manstand Feed 

by Megan
Fox

Manstand Continued 

by Megan
Fox

这种栅格排列很尴尬啊,不像平常的联列表排发,当前程序员的代码量也多了:)

Side Menu & Home Screen

by Iftikhar
Shaikh

逐渐变背景,但切莫见面非常花哨。

哼了,下次筹文章列表页,文章详情页等相关的UI项目时,这里用是老好之灵感来自,记得
mark 起来,下浅来这边取灵感~!