简单页面设计怎么做

想要成为一名优秀的设计师，就需要设计出不同类型的具有特色的页面，从而提高页面的可用性和独特性，这就考验了设计师对页面的分析和表达能力。

今天米醋就给大家介绍一下列表页、播放页、详情页、输入页的设计要领。

使用软件搜索页面或点击分类搜索后，会出来结果页面，通常以列表的形式体现，包括单行列表和双行列表，显示的内容为“图片+姓名+介绍”。此外，还可以设计时间轴和图库形式的列表页面。页面设计虽然简单，但是却让很多设计师感到困惑。

一般来说，在设计列表页面的时候，要遵循这些原则:空格空之间要有一个放松度，要有亲疏之分；对齐应该是规则的；粗细结合要有节奏感；需要突出显示的元素颜色要鲜艳；列表的层次结构应该清晰；设计与现实结合时，要保证现实在前，现实在后。

01.单行列表

大部分消费类产品的结果页面都会以单行列表的形式显示，左边是图片，右边是文字信息、评分、价格，方便阅读。图片是用来诱导用户点击的，文字是用来说明商品的。

2.两行列表

双线列表页面更经济空，每张卡片的排列方式都是上面是图片，下面是文字，可以让页面显得更饱满。

3.时间表

为了加强内容与时间的时间关系，列表页面通常采用时间轴的方式设计，可以更好地突出每条信息之间的关系，让用户阅读更加有序。时间轴页面的显示方式是左侧为时间轴点，右侧为时间节点对应的内容。

4.图库列表

图库页面主要出现在相册或者图片编辑软件中，其中相册有文档和图片平铺两种显示方式。为了使分布更加均匀和规则，图片通常以正方形的方式排列。

播放页面播放页面包括音乐播放页面、视频播放页面和音频播放页面。在音乐播放软件中，歌手或CD的大图通常放在顶部用于居中对齐，而可操作的按钮放在底部。

在视频播放页面中，为了增强用户的易用性，通常采用两种播放模式，一种是直接在信息流或详情页中预览视频，另一种是全屏预览视频。前者在内容页面播放，增强文选、评论、分享等界面的可操作性，而全屏视频播放，让用户体验更加舒适和沉浸。

详情页详情页是整个App产生消费的页面，页面中的内容丰富。在阅读App中，详情页以图文信息为主，相对更注重文字的可读性，所以会因为需要突出标题和内容而选择相对较大的字号。

在电子商务的应用中，主要目的是引导用户购买产品，所以购买按钮会一直出现在界面的顶部，从而方便用户购买商品。

输入页面在社交软件中，注册登录页面是必不可少的，这类页面的设计一定要好用方便。登录页面要考虑唤醒键盘时是否会被遮挡，输入框的宽度是否便于操作，文字的提示是否最简洁。一般在输入文字之前会显示提示文字，文字的描述要足够简洁。比如有的输入框显示提示文字“请输入您的邮箱”，但实际上只要“邮箱”两个字就够了。所以报名页面的设计在注重可操作性的同时，一定要注意文字表达是否简洁。

在发布信息内容时，会有相关内容填充页面，非常注重类别分组。比如图片归一组，文章号和批发价归一组，内容有序分组，可以减轻用户的填充压力。在类别较多的情况下，选择的背景和分割线颜色不能太重，否则会让页面看起来很猥琐。

好吧！今天就到这里吧！

米醋明天给大家。

带来页面设计的实际操作案例。