激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1:010-59833514 ?咨詢電話:400-810-1418 服務(wù)與監(jiān)督電話:400-810-1418轉(zhuǎn)接2

UI設(shè)計之:文章列表與詳情頁布局運(yùn)用

發(fā)布時間:2024-04-16 14:25:55 瀏覽量:206次

信息內(nèi)容幾乎是每個新聞、博客、攝影、社區(qū)等類型媒體常用的功能,所以他們一般都會擁有信息的列表頁和內(nèi)容詳情頁面的設(shè)計,可是這些UI布局的設(shè)計往往是差不多樣子,也許因?yàn)橛脩趔w驗(yàn)而不敢做太多的UI修改,可是這樣一成不變的布局樣式已經(jīng)看厭了吧?怎么辦?

今天我們精選了50+優(yōu)秀的文章列表與詳情頁布局設(shè)計,這些界面的排版都是比較新鮮獨(dú)特,但要注意,有些UI設(shè)計的界面只是概念設(shè)計,你在做移動 APP 或網(wǎng)頁設(shè)計時應(yīng)該考慮到程序員能否實(shí)現(xiàn)!

Newsfeed v2

by Al Rayhan

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

有些極簡風(fēng)的「我的朋友」列表及內(nèi)容詳情頁APP UI設(shè)計。

^_^

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

展示很好看,文字的色塊是根據(jù)圖像來配色的,所以整體看起來很融合。

Resturent App Concept

by Zihad

interface

by Shan Zi

Horizon News

by Daniel Sandvik

左側(cè)是頭條,右邊是列表,視覺不錯,如果在 iPad 上顯示應(yīng)該很適合。

News Blocks

by Artyom Khamitov

Infinity Photo iOS App

by Aleksandar Nikcevic

一個照片社區(qū)類的 APP,贊和贊的用戶在照片的下方排列。

Group App Mobile

by Agung Krisna Wijaya

事件使用流布局,模塊使用多種彩色背景。

Ease UI Components

by KK UI Store

Travel/Moment

by Gale

旅游類的 APP,配色以藍(lán)色系為主,搭配很好,但頭像占了左邊很多空位,感覺有點(diǎn)浪費(fèi)空間哦。

practise 3

by REETIME

柵格類文章列表界面

Discover SmartUp by Szilard Nagy

Video Software

by Regan Jiang

附近社交類 App

by Masudur Rahman

最大特色是,列表的那個圖像戰(zhàn)滿左右屏幕。

Wayfarer?—?Explore the World

by Alim Maasoglu

圖像展示類的 APP,好簡約,并且找不到任何線條,幾乎是使用空間、留白來解決版式上的視覺設(shè)計問題。

Daily Inspiration App Concept

by Stefan Hiienurm

設(shè)計師做了兩種視覺展現(xiàn),分別是亮色和暗調(diào),都很不錯呢。

My Feed + Notifications

by Prakhar Neel Sharma

Fubiz mobile terminal design

by Zhao Legs

宮格式排版,文章一邊帶圖,一邊是不帶圖的,也就是說,一邊看圖一邊只能看標(biāo)題,額……這個不知道算不算是問題,但如果全部也使用了帶圖像的,這個版式可能就太花……

會員個人主頁界面設(shè)計

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

這種柵格排列挺好看喲,不像普通的統(tǒng)一列表排發(fā),當(dāng)前程序員的代碼量也增加了:)

Side Menu & Home Screen

by Iftikhar Shaikh

漸變背景,但不會很花哨。

好了,下次設(shè)計文章列表頁,文章詳情頁等相關(guān)的UI項目時,這里將是很好的靈感來源,記得 mark 起來,下次來這里取靈感~!

熱門課程推薦

熱門資訊

請綁定手機(jī)號

x

同學(xué)您好!

您已成功報名0元試學(xué)活動,老師會在第一時間與您取得聯(lián)系,請保持電話暢通!
確定