当前位置: 首页 >文章 > 辞典精译 | UI新手上路,这10个错误要躲避开!
收藏
分享

辞典精译 | UI新手上路,这10个错误要躲避开!

举报UX辞典UX辞典发布于 2021-07-22802阅读0点赞
层次结构是什么...

UX Pedia Presents



错误分享


我来现身说法,和大家分享下自己在做设计时常常犯的低级错误。



01 从不整理设计文件

这个放在第一点说,是希望大家能重视起来。我以前从没想过自己的文件供外人浏览,而协作文件是需要清晰和易于使用的。问题在于,我的设计文件只有自己能看懂,若其他人想编辑修改,会非常懵。

所有内容都杂乱无章,更没有整理到一起进行打包。这意味着带有图像和字体等素材链接的文件一旦交付,就会彻底丢失。后来我慢慢意识到,工作流程混乱会带来更多的工作,更是一种草率与不专业的工作方式。

人无完人,我承认自己并不完美,所以我现在所做的就是让文件规范起来:

-将所有Sketch文件和其产生的链接&素材放至同一文件夹内,并在云盘备份;

-进行设计时,为每个图层和组命名;

-命名每个画板,依据点击顺序水平排列它们;

-在Sketch中使用多个页面来标注网站或是app的不同部分。



02 不考虑设计合规性

初学者常见错误——忽略可访问性,只是一味地追求外表,从而忽略用户的多样性和复杂性。当我还是自由职业者的时候, 一些最初开发的产品根本没有考虑ADA合规性。老实说,我压根儿不知道那是什么东西。

我会用对比度不太高的颜色去设计按钮或文本,因为看起来更美观;或者将字体缩小到10px以适应其所在的空间。换句话说,如果你只是找些灵感参考练手,像Dribbble这些平台都很不错,但在为实际产品开发时,这不是一个好习惯。

举一个栗子吧,达美乐曾被一个盲人起诉了,原因是他无法访问网站。在美国,不遵守ADA合规性,相当于在现代建造了一家残疾人士无法进入的餐厅。所以,请为可访问性而设计(可访问性插件Stark,推荐大家了解下)。



03 不打破已有的设计

成为UI设计师后,我一直按部就班,很少去打破已完成的设计,因为那样会破坏界面布局。但反过来想,这种突破也能使设计变得灵活,且更具发散性,而这些因素恰恰是影响产品体验的关键部分。

比如下图示例的姓名,正常的展示就很棒了,但是当我打破这种布局,写一个超级无敌长的名字时,APP看起来会有什么不同?

你要意识到自己的作品不只是个模型。思维的转变很重要,这能帮助你更成熟全面地思考。



04 设计不一致

刚开始的时候,我总是犯一些基本的设计错误,甚至不会考虑设计开发落地的问题。如果我在过程中能多花费些心思,其实这些错误都能避免,是可控地。

举一些错误例子:

与排版不一致,没有设置h1、h2、段落等;

没有创建视觉统一的设计系统,所有组件都是不同的样式;

元素间距不一致,且没有对齐;

图标设计不一致,风格不同;

色彩系统不明确,不统一。



05 层次结构是什么?

以往设计中,一个最明显的错误是——我很少注意所呈现信息的层次结构。我常常会在不同的位置用相同大小和重量的字体,但实际上它们的层级重要性是完全不同的。我也会在不必要的地方使用大胆的颜色,只因为它看起来很酷。

它应该是模糊的:)

教大家一个非常实用,判断层级的小方法,眯起眼睛或者从电脑前往后退几步,再去看页面上哪些元素最突出。



06 盲目追随与自身设计无关的趋势

我们经常在Dribbble这些平台寻找灵感,并将看到的风格融入到自己的设计里,可是实际应用时,它们根本不适合。在平台上寻找灵感固然是好,但不要为了出效果,盲目地去复制。



07 设计无法被开发&不必要的内容

设计和开发不是一一对应的,由于各种限制,并非所有设计都能完全实现。有时,我的一些交互创意在开发环境中显得并不合理,而且还会让开发过程变得复杂。了解业务目标、项目范围、时间排期和产品开发方式,可以帮助我更好地理解优先项的任务。

假设我正在设计个人资料的界面,我为用户设计了一个上传资料的交互,以及允许裁剪照片的对话框,那么这就可能使开发复杂化。一般来说,除非它是一个社交媒体应用程序,否则这些不必要的交互会使应用程序过于复杂了。



08 不完整的设计状态

状态缺失不仅影响设计体验,还需要开发人员来填补。这通常会影响设计的一致性,在后续开发过程中也会问题频出。作为UI设计师,我会跳过这一步,我的设计并没有纳入不同的状态,例如错误、成功、激活、禁用、悬停、空白、填充和加载等。

比如我设计一个心愿单,我应该把填写前、填写后的状态都加入,因为未填写时的空白也很重要。这也是我以前经常犯的错误,新手们请一定要注意。



09 直接设计高保真图

Whimsical 框架图

我个人而言,线框图是UI设计中最基本的步骤之一,它帮助我们概述内容和层次结构,还能以最低风险的方式去试验不同的想法和页面布局。以前我会直接进入高保真图,甚至不知道所有内容的是什么,只对需要的功能有一个模糊的想法。最致命的是,直接设计高保真图,不管是设计还是优化。它真的非常浪费时间。而线框图则相反,当意见相左,不管是修改还是重新画,时间成本都不会太高。



10 没有正确评估工作内容

能够确定一项任务需要我花费的时间,仍然是我现在重点修炼的技能。随着时间的推移,经验的积累,我会慢慢掌握,但永远不会做到100%的准确。

过去和现在,我评估时间的区别在于,我不会为自己或客户设定不合理的期望。如果我知道了需要的时间,我会把时间加倍。一是希望我有更多的时间来完成任务,另一个是,如果我能在预期时间的一半内交付,就算是超额交付。

不过,我还是不太想提供时间估算,因为它会增加无形的压力,阻碍我的创作过程。话虽如此,但项目都有截止日期,所以时间管理是我过去几年里一直磨练的另一项宝贵技能。



/End.

相关引用

-翻译自原文

https://uxdesign.cc/10-mistakes-i-made-

starting-out-as-a-ui-designer-93ec45d1ad39

-封面图 、GIF图 by ILLO



本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:UX辞典!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,673人)

电商海报设计训练营
距离开班仅剩6天73人已报名
【5月】零基础手绘插画训练营
距离开班仅剩6天69人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩23天16人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了29,770
并提交了155份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证