当前位置:丝路教程网 > UI设计 > UI教程 >

文章列表和内容详情页的UI设计作品

2018-02-02 16:03 来源: 丝路教程网 分类: UI教程
332 作者:丝路教程网

[导读] 今天带大家一起来欣赏一些文章列表与内容详情页的设计的UI作品,这些界面的排版都是比较新颖时尚的,希望可以给你带来一些新的感觉和灵感。当然我们在做设计的时候也要考虑到

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

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

的相关文章
Copyright © 2008-2017 blog.silucg.com 丝路教程网 版权所有 网站地图
点击这里给我发消息
丝路教育