信息内容几乎是每个新闻、博客、摄影、社区等类型媒体常用的功能,所以他们一般都会拥有信息的列表页和内容详情页面的设计,可是这些UI布局的设计往往是差不多样子,也许因为用户体验而不敢做太多的UI修改,可是这样一成不变的布局样式已经看厌了吧?怎么办? 今天我们精选了50+优秀的文章列表与详情页布局设计,这些界面的排版都是比较新鲜独特,但要注意,有些 UI设计的界面只是概念设计,你在做移动 APP 或网页设计时应该考虑到程序员能否实现!
Newsfeed V2
Bookmark IOS — Folder Menu
Newsfeed Experiment
Newsfeed & Cards Screens Feed Screen For Spare Pixels Live Stre.Ams My Life App 极简风的「我的朋友」列表及内容详情页 APP UI设计。 ^_^ Desktop 社交类的展示列表 Twitter Usability Redesign | Version 02 (UX) Jong Heng App Concept Tourism Share App Insurance App — UI/UX Design REM APP BY BSTY Smart City IOS App Redesign 19 Hangout App #Feed Social Posts #2 展示很好看,文字的色块是根据图像来 配色的,所以整体看起来很融合。 Resturent App Concept Interface Horizon News 左侧是头条,右边是列表,视觉不错,如果在 iPad 上显示应该很适合。 News Blocks Infinity Photo IOS App 一个照片社区类的 APP,赞和赞的用户在照片的下方排列。 Group App Mobile Ease UI Components Travel/Moment 旅游类的 APP,配色以蓝色系为主,搭配很好,但头像占了左边很多空位,感觉有点浪费空间哦。 Practise 3 栅格类文章列表界面 Video Software 附近社交类 App Wayfarer — Explore The World 图像展示类的 APP,好简约,并且找不到任何线条,几乎是使用空间、留白来解决版式上的视觉设计问题。 Daily Inspiration App Concept 设计师做了两种视觉展现,分别是亮色和暗调,都很不错呢。 My Feed + Notifications Fubiz Mobile Terminal Design 宫格式排版,文章一边带图,一边是不带图的,也就是说,一边看图一边只能看标题,额……这个不知道算不算是问题,但如果全部也使用了带图像的,这个版式可能就太花…… 会员个人主页界面设计 Daily UI #005 — Singing App Daily Ui 03 Weekly Layup #9 — Voicey Profile Page Rpple — Dashboard (WIP) Home + Feed For Medical App (WIP) Activity Feed — Day 04 Manstand Feed Manstand Continued 这种栅格排列挺好看哟,不像普通的统一列表排发,当前程序员的代码量也增加了:) Side Menu & Home Screen 渐变背景,但不会很花哨。 好了,下次设计文章列表页,文章详情页等相关的UI项目时,这里将是很好的灵感来源,记得 mark 起来,下次来这里取灵感~! |