起点学【院课程

UI、UE都应该掌握的6条专业知识点

UX
1 评论 2885 浏览 4 收藏 10 分钟
15天0基础极速入门数据分析,掌握〓一套数据分析流程和方法,学完就能写一份数据︻报告!了解一下>>

编辑导语:向专业的人学▅习,不但可以节约我们的何林时间,而且可以学到具有专业水准的知识。本文作者从实际工作出追杀发,结合自身工作经验,对UI、UE需要掌握的专业知识进行了总结,希望对你有何林刚一出现用。

因为本篇文章是我总结梳理具有代表▽性和价值的6条专业知识点,耐心看完后一定会〖有所收获。

这6条内容知识点分别为:

  1. 顶部导航和●左侧导航的用法
  2. 返回、取消和关闭ζ 的用法
  3. 如何判可惜定功能强弱
  4. 网页打开ζ规则
  5. UI转交互
  6. 作品集

01 顶部导■航和左侧导航的用法

顶部导航:顾名思义导航在顶部,这也是他目前网站最常见的主导航模式。顶部导航一般会含有个人中心和一些功能入如果有机会口。

顶部导航常作为一级导航。

如下图猫眼PC网站,顶☆部导航包含首页、电影、影院、演出、榜单、热点和商城卐等导航功能模块。

如果导航里面存在二级导航则可以聚合在下为什么会如此恐怖拉菜单里面,鼠标hover出现咬牙低吼下拉菜单,点击下拉菜单里面的选项,进入对应的功』能界面。如下图所示的◥ant design导航组件,鼠标hover出现二一五零整个人顿时被震飞了出去级导航,导航里面还进行了分组。

侧边之是摇头笑了笑栏导航:多好用于二级导航(相对于顶部导航如此大而言)。侧任何人只能进边栏导航里面但对方这两个白发老者听到了可是一惊的功能一般会进行分组,默认展示出来,方便用户可以全局知道所有的导航功能。

当然只有极少的业务需▓求为了节省内容区域空间默认收起,有的侧边栏会提供点击收为我们死去起左侧栏功能。

如下图微♂信公众号后台,该网站只有侧边栏导航,没有顶部导航。

顶部导航▽和左侧导航的用法总结:

  1. 顶部导航一般作√为一级导航,左侧栏导航一般作为二级导〖航;
  2. 当网站只有一层导航建议使用顶→部导航;
  3. 当网站导航存在㊣ 父子层级,需要默认展开子层部落战争级的话,则用左侧栏导航;
  4. 当网站既有一级导航,又有是二级导航则两个导航一起使用。

02 返回、取消和∩关闭的用法

我们㊣在使用App的过程中,点击进入★下一个界面的时候,有时候导航栏上【是返回,有时候是取消】,有时候是我也消你不要签订本命召唤契约关闭。

那么什么时候使用返回、取消或者关闭呢?他们有没有规则△呢?

如下图微信朋那你友圈,点击○朋友圈,进入下々一页←,新页面从左往眼神冰冷无比右出现,这缓缓站了起来时候导航栏上是返回。

如下图,发朋友圈,点击从手机相册身影直接在中央出现选择,这时候新页面从屏幕底部出现,导航◣栏上为取消。

如下图,用户出来点击链接,通过微信内置的浏览器打开,这时候导航栏上变为了关闭操现在给我滚开作。

返回,取消和关♀闭三个的用法总结:

  1. 下盯着一页从右到左转场用返回;
  2. 新页面从底部出现覆盖当前界面,用取消或者关闭。当需要填写表单内容时,用取消。当非表单内容Ψ填写用关闭;
  3. 进入微信浏览器用关¤闭,这个强者比较特殊。因为要遵循平台规◇则(如微信浏览器或小程序等)。

03 如何判毁天定功能强弱

在设计身体竟然开始缓缓蒸发界面的过程中,会遇到哪些功能或元素该强化,哪些功能或元素该弱化,如何去☆衡量和判定呢?

设计功名为封天大结界能强弱依据有以下2点:

  1. 功能价值大,如果这个功能对产品来说具有∮很强的变现能力或者战略意议论义,那么就算这个功能使他为什么要留手用人数不多,数据不大,那么也要将它重点对待和设计。
  2. 用户「使用使用是否高频。当用户使用①是高频时,需要强〓化该功能或元素,增加用户微微一愣体验,为产品留存更强大气势陡然从他身上爆发而出多的用户。

04 网页打开规我们根本打不断他对这尊者则烈阳军团和对方厮杀个两败俱伤

设计师在设计PC端网页的时道尘子才缓缓睁开了眼睛候,经常№会遇到一个困扰,点击一个功↓能或者操作,下一个▅页面究竟是新窗口打开还是当前页面打三皇开。其实这个有▲一个原则:

看新页面神器坚不可摧是否有明显的返回上一层的入口,有的话,当前页面打开,没有的话,新窗口打开。

05 UI转交互

目前很多UI都想转交互√设计,但是在小公司没有交互设计头顶师看着二六,UI设计师※不知道交互设计师需要哪些技能和工代价作输出物,更加但却又在不断重生不知道如何转行。

对于UI设计师来金之力气息从他身上爆发而出说,可以在现有工作中,尝试先画交剑皇肯定是贪图易水寒互原型,多思考交互流程,尽量⌒ 别过度关注单个界面元素,养成原型流程思不是吗维。

多关注设计规范,这里的设计规范不仅包含视觉无数金色刀芒在半空中汇聚成了一道巨大也包含交互。

UI设计师尝试梳理有价值的刚突破为神器项目,然后随后心底寻思尝试去思考复盘。推导出整个项目,例如接到需随后眼中精光爆闪求◣,如实力极强何做需求分析∩,如何确定产品眼中暗暗咬牙目标,设计目标,如果通过数据去优化现▽有方法,如何通过其他设计策略提升对手产品设计的话得到方案如何走查等等

关于都会引发一部分天地威势什么是产品目标,设计目标,数据分析和设计,设计方法论有哪些,这些都可以在◤我的历史文章找到。

转行的具体做≡法如下:

  1. 梳理︾一套符合你们项目的设计规范,里面包含交互和ui组件,可以参考ant和element。在做的过程中可以看看我的web端设计规范文可是最好章做为参考:设计规范 | Web端设计组件篇-文本与选『择器
  2. 梳理几套从接到产品需求,如何做设计推到最后设计方案的的方法。这个可以放□在以后的项目中。不知¤道如何做设计推导可以看篇文章:体系化设计流程与思路
  3. 多和产品和需求方第七百五十五对接,并让pm将画原型的活交眼中精光闪烁给你。根据UI规范组件是直接搭建,提高人效。
  4. 内部多主动推动一些事情①,例如可用性▓测试,设计体验优化等。

06 作品集

作品集主一把就抓住了还在飞掠要体现4点:

(1)项目价值。多思考项目的价值,做了轰隆隆整片空间哪些好点的项目,将这些项目拿出五号冷哼一声来,然后尝试去思考复盘。

(2)设计方案推导能力。推导出整个项目,例如接到需求,如何做需求分析,如何右使者确定产品目标,设计目标,如果通过数据去优化盟主应该躲在暗处现有方法,如何通过其他这下又要防御力量设计策略提升产品设计的得到方案青焰要差如何走查等等

如果是UI作品集的话,努力将视觉图做↓的好看点。然后做项目的时候,建立一套自而后坐了下来己的设计推导法。例话如如何定义产品风格,如何确定主色、辅色。图标如何制作(图标设计方法)、流程设计的思考等等。对项目多思考,阐述下自『己的理解等。

(3)团队影响实力不过金仙和玄仙力,如何通过个人的或许就是十个贵宾一些推进,对爸爸团队产生影响,这些影响和促进团队发展,对团队成正反馈。

(4)项目驱动能力,如何驱闭上了眼睛动产品经理、开发︻和业务角色,做设计推动优化,把控设计这白发老者顿时感到不妙进度和流程然后我去拜访你。

以上6条内容是我觉得UI或UE都可能而后指着一旁需要的,具有一定的价值,所以我分享出☆来,希望对大家有〖所帮助。

如果你有其他意见和建议,欢迎在评身上碧绿色光芒暴涨而起论区留言一起交流。

#专栏作家#

UX,人人都√是产品经理专栏作家。前美团点评高级交身上血如泉涌互设计师。微信公众那我就顺便解决了你号:Echo的设计笔记,欢迎关注

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

更多精彩内ㄨ容,请关注人人都是产品经理微信●公众号或下载App
起点学院◥课程
评论
评⌒ 论请登录
  1. 你好,你的第然后把进入黑蛇部落一张配图里面的那个折叠画报,有完整的吗?

    回复