首页 UI设计正文

UI和UE应掌握的六个最具代表性和最有价值的专业知识点

魁元网络 UI设计 2020-11-20 17:43:21 642 0 | 文章出自:素写设计

一、顶部导航和左侧导航的使用

最常见的导航方式也是最常见的导航方式。顶部导航通常包含个人中心和一些功能入口。

二、顶部导航通常用作主导航

如下图所示,猫眼PC网站的顶部导航包括主页、电影、影院、演出、列表、热点和购物中心。

如果导航中有辅助导航,可以在下拉菜单中聚合。鼠标悬停将出现下拉菜单。单击下拉菜单中的选项,进入相应的功能界面。在下图所示的ant design导航组件中,鼠标悬停显示辅助导航,导航中也有组。

侧边栏导航:主要用于辅助导航(相对于顶部导航)。侧栏导航中的功能通常按默认分组和显示,这样用户就可以全局了解所有导航功能。

当然,只有一些业务需求。为了节省内容区域中的空间,可以使用默认折叠。一些侧栏提供单击折叠左栏功能。

如下图微信官方账号背景所示,网站只有侧栏导航,没有顶部导航。

u=2383216593,3194846058&fm=26&gp=0.jpg UI和UE应掌握的六个最具代表性和最有价值的专业知识点 第1张

三、顶部导航和左侧导航用法摘要

主导航一般采用顶部导航,次导航一般采用左导航;

当网站只有一层导航时,建议使用顶部导航;

当网站导航中存在父子级时,如果需要默认展开子级,请使用左栏进行导航;

当一个网站同时具有主导航和辅助导航时,这两个导航将一起使用。

退回、取消、关闭的用法

在应用程序的使用过程中,当我们点击进入下一个界面时,导航栏有时是返回,有时是取消,有时是关闭。

那么何时使用return、cancel或close呢?他们有什么规定吗?

如下图所示,微信朋友圈。点击朋友圈进入下一页。新页面从左到右出现。此时,导航栏又回来了。

返回、取消和关闭

下一页从右向左翻;

新页面出现在底部,覆盖当前界面。使用“取消”或“关闭”。当您需要填写表格时,请使用“取消”。填写非表单内容时关闭;

用close进入微信浏览器,这更特别。因为需要遵循平台规则(如微信浏览器或小程序等)。

如何判断函数

在界面设计过程中,哪些功能或元素需要加强,哪些功能或元素需要弱化?如何测量和确定?

四、设计功能的强度基于以下两点

功能价值巨大。如果这个功能对产品有很强的流动性或战略意义,即使这个功能的用户数量不多,数据也不多,也要着重对待和设计。

用户是否经常使用。当用户使用高频时,需要加强功能或元素,增加用户体验,为产品留住更多的用户。

1、网页打开规则

设计者在设计PC端的网页时经常会遇到一个问题,比如点击某个功能或操作,下一页是由新窗口还是当前页面打开的。事实上,有一个原则:

检查新页面是否有明显的入口返回到上一层。如果有,则打开当前页面;如果没有,则打开新窗口。

2、UI到交互式

对于UI设计人员来说,在现有的工作中,可以尝试先画出交互原型,多考虑交互过程,尽量不要过于关注单一的界面元素,发展原型过程思维。

更关注设计规范,不仅包括视觉,还包括交互。

UI的设计师尝试着把有价值的项目分类,然后再考虑第二轮。推导整个项目,如接收需求,如何进行需求分析,如何确定产品目标,设计目标,如果我们通过数据去优化现有的方法,如何通过其他设计策略改进产品设计,如何得到方案等

什么是产品目标、设计目标、数据分析和设计以及设计方法可以在我的历史文章中找到。

u=2759377570,2607797862&fm=26&gp=0.jpg UI和UE应掌握的六个最具代表性和最有价值的专业知识点 第2张

五、具体换行措施如下

为您的项目整理一组设计规范,其中包含交互和UI组件。你可以参考ant和element。在此过程中,您可以参考我的web端设计规范文章:design specification | web端设计组件-文本和选择器

梳理从接收产品需求到如何进行设计推送到最终设计方案的几套方法。这可以用于未来的项目中。不知道如何做设计推导可以看文章:系统的设计过程和思路

联系产品和需求方,让项目经理给你绘制原型的工作。根据UI规范,组件直接构建以提高人员效率。

内部主动推广一些东西,如可用性测试、设计经验、优化等。

样品卷盘

六、收藏有四个要点

1、项目价值

多想想项目的价值,做了哪些好的项目,把这些项目拿出来,再考虑复工的问题。

2、设计方案推导能力

推导整个项目,如接收需求,如何进行需求分析,如何确定产品目标,设计目标,如果我们通过数据去优化现有的方法,如何通过其他设计策略改进产品设计,如何得到方案等

如果是UI works集合,请尝试使视觉图像更好。然后在做工程时,建立一套自己的设计推导方法。例如,如何定义产品风格,如何确定主色、次色。如何制作图标(图标设计法)、工艺设计思路等。多想想这个项目,解释一下你自己的理解。

3、团队影响力

如何通过一些个人的提升对团队产生影响,这些影响和促进了团队的发展,积极反馈给团队。

4项目驱动能力

如何发挥产品经理、开发和业务的作用,进行设计,推广优化,控制设计进度和过程。



收藏(0)
UIUE电影影院导航
版权声明

1、本网站属于个人的非盈利性网站,转载的文章遵循原作者的版权声明,如果原文没有版权声明,按照目前互联网开放的原则,我们将在不通知作者的情况下,转载文章:如果原文明确注明“禁止转载”我们一定不会转载。

2、本网站转载文章仅为传播更多信息之目的,凡在本网站出现的信息,均仅供参考。本网站将尽力确保所提供信息的准确性及可靠性,但不保证信息的正确性和完整性,且不对因为信息的不正确或遗漏导致的任何损失或损害承担责任。

3、任何透过本网站网页而链接及得到资讯、产品服务,本网站概不负责,亦不负任何法律责任。

4、本网站所刊发、转载的文章,其版权归原作者所有,如其他媒体、网站或个人从本网站转载使用,请在转载有关文章时务必尊重该文章的著作权,保留本网站注明的“稿件来源”并自负版权等法律责任。

5、本站内容为传递信息使用,仅供参考,不构成营销建议。

6、如不慎侵犯了您的权益,请联系我们告知,我们将做删除处理!谢谢。

发表评论

评论列表(0人评论 , 642人围观)
☹还没有评论,来说两句吧...

网站建设_网站优化就上魁元网络

https://www.kuaichez.com/

| 粤ICP备2020133026号

Powered By 魁元网络 版权所有

使用微信扫描二维码

关注我们看更多资讯

欢迎您光临魁元网络

请先 登录 再评论,若不是会员请先 注册