Ethan

小编:今天带大家一起来欣赏一些文章列表与内容详情页的设计作品,这些界面的排版都是比较新颖时尚的,希望可以给你带来一些新的感觉和灵感。当然我们在做设计的时候也要考虑到程序员是否可以实现,不能只顾着把页面做的绚丽美观!

信息内容几乎是每个新闻、博客、摄影、社区等类型媒体常用的功能,所以他们一般都会拥有信息的列表页和内容详情页面的设计,可是这些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

设计师: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

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

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

文章来源:设计达人

 

转载请注明:学UI网—UI设计师学习教程平台 » UI布局欣赏:文章列表与内容详情页设计

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
20个使用3D动画背景的网站欣赏20个使用3D动画背景的网站欣赏
25个卡通型网站欣赏25个卡通型网站欣赏
20个基于网格布局的网站欣赏20个基于网格布局的网站欣赏
CDX滴滴创意设计部分H5作品欣赏CDX滴滴创意设计部分H5作品欣赏
25个食谱小部件UI设计25个食谱小部件UI设计
从这九张海报中探索纪念碑谷 2 的几何之美从这九张海报中探索纪念碑谷 2 的几何之美
一组酷炫动效设计的网站欣赏一组酷炫动效设计的网站欣赏
国外优秀网页设计精选国外优秀网页设计精选
30个天气小部件UI设计作品30个天气小部件UI设计作品
30个创意团队网站设计欣赏30个创意团队网站设计欣赏
?