简单页面设计怎么做

金榜题名的诗句2022-07-06  18

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

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

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

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

01.单行列表

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

2.两行列表

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

3.时间表

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

4.图库列表

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

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

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

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

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

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

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

好吧!今天就到这里吧!

米醋明天给大家。

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

转载请注明原文地址:https://juke.outofmemory.cn/read/623103.html

最新回复(0)