火星网校
UI设计必学:七大列表页面设计原则
发布时间：2024-04-16 11:37:45 浏览量：165次
点蓝字关注，回复“1”领取5年设计师整理的必备资料
今天给大家讲下UI设计界面中的列表页设计，看起来很普通和设计元素了，就是这简单又普又通的列表却困恼了无数设计师。让设计师又爱又恨，怎么样才可以更好地展示它们呢？
先来看看列表设计的形式吧，常用的列表设计的分类如下：
普通常规列表，图文列表，标文列表，瀑布式，时间轴，卡片式，轮播，泳道，宫格。
根据不同内容和需求选择不同的形式布局。
那怎么才能让列表页更加好看呢？
下面的7大原则帮你顺利解决这个问题
原则1：空白空间，关系疏密，分亲疏
空白空间的重要性是不言而喻的，字体元素之间的空间关系是很微妙，需要巧妙地处理。虽然列表没有像构成那样需要富有表现力，但是，咱们还是不能忽视它。紧凑的或者疏离宽松的，张力的或者安静的。。。好的留白是一种升华。
原则2：齐齐齐齐齐齐
左对齐，右对齐，居中对齐，两边对齐，元素来选择文字对齐方式。边距、间距统一对齐。无规矩不成方圆嘛、、只有在规整的情况下，才能更加精细，经得起推敲。
原则3：你粗我细，大小不均，长短不一
对比在字体上的运用，很重要哦。巨大的字号让信息更加醒目，大小的元素组合更有节奏。
图4：文字排版呈波浪形，创造很好的视觉效果。减少次要信息对重要信息的干扰，易读性更好。
原则4：色，色，色，就是爱色
明亮的色彩让言语更“响亮，你想表达什么，你想突出什么，色彩精彩让人印象深刻。
原则5：层层叠，不迷糊
一些列表的设计是需要层次的，区分并突出层次关系，让内容更加分明。
原则6：虚虚实实，实在前
若隐若现让主体更实更近，卡片以及按钮的虚虚阴影，让他们突出，与期他元素形成空间感，浮于上层，加上去交，体验感更佳。
原则7：美图相配，更神气
美图相配，想不好都难。除了设计细节精美外，图片也需要赏心悦目的，高大上的感觉不能配个俗不可耐的图吧，适合的图，很重要可以说是点睛之笔了。往往首先吸引人的就是美美的图。
总结：简单的列表也可以美美的，设计需要尝试各种的形式来表现。请不惜一遍遍的推翻自己的设计，破而立！成功就在眼前！
如果你还是零基础的UI设计初学者，打算转行深入的系统学习UI设计去就业找工作，让自己少走弯路，提升学习效率，现在就有一个UI设计课程学习的机会，详细课程内容介绍，可以点击下面的图片报名系统学习。
|最新一期UI设计全能就业班正在火热招生中| ↓↓↓
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
8. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
最新文章
