联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

Ui设计模式有几种,一起来掌握

Time: 2020-02-18


UI设计的学习过程中,我们掌握了很多知识和技能,但是要掌握这些技能,首先,我们必须掌握ui设计模式,通过对Ui最基本模式的掌握,进而加强对ui设计的理解, 后期对于设计思路的开阔也有很大的帮助。


简单分析以下5种Ui设计模式:

1、弹出框

用户体验设计中,打断进行中的用户体验是一项大忌。而许多网站直到现在,依然在使用令人头疼的弹出框。试想,刚刚打开网站或者正在阅读网站内容的时候,阅读的内容被弹出框所打断这是多么令人头疼的一件事情!无论弹出的提醒、广告、邮件订阅框还是免费福利,这种设计模式始终还是从体验上将用户向外推。

2、社交媒体聚合

在社交媒体上分享内容是一个有机的过程,它不应该是一种粗暴的推销的后果,也不应该是强制性的。如果用户的分享体验并不好,那么用户将不会再来主动分享其中的内容。因此,你应该恰当地限制你所提供的媒体分享按钮的数量,并考虑在文章结尾提供更为走心的内容,让用户真心实意地将内容分向到社交媒体上,值得享受的分享过程,才是让用户不停回来的动力。


b5d10d7a913303bae77dc68d18801c676de2314214fda-qRlv8G_fw658_WPS图片.jpg

(图片来自网络)


3、超大的导航菜单

大型的导航菜单对于包含大量不同子页面的网站而言,似乎是一个很好的解决方案,然而实际情况并非如此。超大的导航菜单对于绝大多数的普通用户而言,看起来更像是迷宫,尤其是当他们要找的内容是其中的一个并不显眼的小分类。这种看似足以满足全部用户的需求,实则让全部用户都觉得不那么爽的解决方案,其实算不得体验优秀。

4、主体/细节模式

主体/细节模式可以分为横向和纵向两种。如果想让用户在同一页面下,引导他们在类目下高效地切换,这无疑是一种理想的方式。如果主体信息对于用户来说更重要,最好选择横向布局。或是主体部分不仅条目多而且包含信息也多,那也该选择这种横向布局。

d224b093f028edb3c812258839da2f96b07d533612036-OZrgSr_fw658_WPS图片.jpg

(图片来自网络)


5、调色盘/画布

调色盘/画布虽然不算最常见模式,但它对于创造图形类文档有着不可替代的优势:比如设计线性或非线性图;流程图;页面布局;制定物理大小的设计/图表或控制布局。对于设计师来说调色盘/画布这种模式并不陌生,常用软件,例如:Axure、ps都是采用这种方式

以上介绍是最常见的ui设计模式,除此之外设计模式还有很多,在实际的设计过程中会见到更多,需要设计师利用自己的智慧进行实际操作和设计。



合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开