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 起来,下浅来此地取灵感~!