UI设计基础知识:新手该用哪款UI设计软件

谈起UI设计软件,相信很多设计师首先想到Sketch,与曾经设计界的一个Photoshop相比,Sketch虽功能不够强大,但胜在更轻量,更高效。但时至今日,每年都有不同的设计软件、动效工具、标注工具、原型工具问世,UI设计软件也层出不穷。Sketch的缺陷逐渐暴露,让不少粉丝「移情别恋」到其他UI设计软件上。

为什麽愈来愈少人用PS/AI进行UI设计?

什麽是UI设计?UI设计(User Interface)是指对软件的人机交互、操作逻辑、界面美观的整体设计。理论上,所有可以进行平面设计、排版设计的软件都可以做UI设计,也就是说只要你乐意,拿Word、Excel都是可以的,但至於合不合适,好不好用那就另当别论。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

在Adobe系列称霸平面软件的背景下,Sketch、Figma、XD等轻量UI设计软件能异军突起,主要是因为PS、AI、ID等软件对UI设计来说太臃肿了。这就好比欧洲重卡和超市购物车的区别,虽然都可以装货送货,但没有人会开重卡进入超市里购物。

在实际应用中,UI设计需要应用到的视觉功能大概只占PS/AI的1%,多出来的99%并不是额外附赠,而是需要承担对应代价的:

• 启动和关闭软件所需时间长,速度慢。

• 生成的文件体积大,更占空间。

• 对电脑的CPU和内存消耗大,更占资源。

• 图层计算量较大,经常出现延迟、卡机等情况。

• 经常出现奇怪的Bug和闪退等问题。

……

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

所以很多新手设计师在刚开始用PS/AI做界面时,只做几个界面对问题感知并不是很明显。但一个完整的UI项目,页面数并不是个位数,往往总量达到三位数,加上页面内容、样式等还需要反复调整,经过一系列操作後,上述问题会被无限放大,而PS/AI自身的缺陷也会严重影响工作进度和增加工作量,这是完全无法避免的。

而Sketch/XD/Figma这类轻量UI设计软件,不仅能提高我们的设计效果,还会针对项目的使用提供丰富功能,包括样式批量的修改、自动布局、复用组件、团队协作以及线上分享等等。

正式这些种种的问题,导致愈来愈少人用PS/AI进行UI设计。

Sketch or Figma谁才是UI设计软件的未来?

虽然Adobe XD是Adobe旗下的一款适用於网站和应用程序等的快速且功能强大的 UI/UX 设计解决方案;并且,XD的外观和使用观感都与Adobe其他产品类似,因此熟悉Adobe系列工具的用家不用花费太多时间就能熟悉软件。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

但同样Adobe XD也有不少不靠谱的问题,比如:

① 可以绘制基本形状,但不能选择自定义形状;

② 可以导出设计,但如果插件就无法获得CSS;

③ 需要不断更新,但每次更新都会有机会出现Bug;

④ 采用WinAPP格式,兼容性极差,在Win10不同版本会产生各种奇怪的问题,最後只能重装系统。

对此,新手朋友可以直接略过XD,将学习注意力放到其他软件上,比如Sketch、Figma。下面,小编就来说说这两款UI设计软件哪个比较好?

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

一、 兼容性

一直以来,UI设计工具似乎对Windows并不是十分友好,比如Sketch压根没有开发Windows版本;Adobe XD虽然有Windows版本,但实际使用体验还是与Sketch有明显差距。

相反,Figma基於Web平台开发,只要有「浏览器+互联网」,就能享受Sketch的极佳体验且不受系统约束。

二、 操作体验

Sketch虽然相较於PS有极大的优化,但性能也有明显的上限,如果界面页数太多,长时间工作同样会出现卡机情况。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

但Figma是基於Web开发的,并不怎麽消耗本地资源。同样大小的项目文件,Figma能将缓存控制在极低并保持流畅的60帧渲染,可以说是真正的「如丝般顺滑」。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

三、 组件系统

Symbol曾经是Sketch最为称道的杀手级组件功能,但Figma的Component不仅继承Symbol的优点,功能上更是青出於蓝,更符合设计师需求。

比如,

在Sketch创建Symbol时会将所有属性保存其中,当用家修改Symbol属性时,需要以覆盖形式对应用该Symbol文件进行同步;若Symbol有不同对齐方式或颜色,需要提前预设好或解决Symbol关联後再修改(解除後不能同步Symbol样式)。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

相反,在Figma创建Component会相对更加自由,其强大之处在於Component的属性存在父子级关系,可以任意调整子属性而不干扰父级样式,同时修改父级属性又能修改全局。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

此外,用家可在Figma新建专门文件定义组件(Component)或样式(Style),再将其发布到库(Library),这样团队中所有成员就可以在团队中任意文件调用这些组件。这主要得益於Figma是基於Web开发,组件可实时同步更新。当成员修改某组件时,团队中所有项目内用到该组件的地方,都能选择是否需要同步更新。

四、 协同办公

Sketch由於是客户端,协助需要藉助其他插件,例如一款名叫Abstract的版本管理插件,可允许设计师在类似Github这样的项目分支中设计,然後合并分支,解决冲突,但操作较为麻烦。另外,Sketch还有Cloud功能进行交付,但功能并不完善,需要利用插件解决这一需求,以及上传指定的设计稿自动标注切图交付开发。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

同样是基於Web开发的先天优势,因此Figma允许所有设计师同一时间,同一个文件上同时工作,不必保存後再相互发送,极大地提高效率;Figma还支持评论留言,只需要增加批注就能提醒团队中其他成员需要留意修改的地方,评审也变得更加简单高效。但Figma的内置标注工具存在一个问题就是只能生成整个项目连结发送给程序员,让程序员自己找标注页面。不仅玛法,而且项目很大时载入时间也会比较长。

UI设计基础知识:新手该用哪款UI设计软件

UI设计基础知识

近年很多公司都开始尝试远程办公,远程协作也成为了摆在台面上的刚需,因此跨平台且拥有相对完善云端协作体验的Figma无疑是UI设计软件中最耀眼的新星和趋势。当然这并非绝对,具体操作还需要基於设计师的熟悉度,以及具体的操作环境等因素而定。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/42097.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月23日
下一篇 2022年6月25日

相关推荐

  • 如何让导航设计实现所见即所得?

    行为 这就需要你避免使用标签烂去提供当前屏幕/模式下才能发挥作用的控件元素,若果你要提供给用户控件,最好使用工具栏。 一致 尽可能地在让每个导航、每个标签都使用相同或者相近的颜色、文案、风格等。这是视觉…

    2022年6月25日
    0104
  • 进阶技巧!从4个角度教你打磨视觉设计细节。

    随着体验设计的持续发展,行业内各领域的体验设计质量都有了很大的提升,并且各个竞品之间的差距越来越小。而更高的界面细节设计质量不仅是各个大厂产品体验设计的追求,也是我们拉开竞品差距的关键一环。我们平时…

    2023年3月2日 SEO操作
    01
  • 网页设计三招分散用户痛点

    一、 全面多维度的视角 网页设计固然要注重细节质感,但是过於注重而忽略了全面多围度的视角去发现和结局问题。单一的只解决用户痛点并不是合理的,因为割裂了整体,脱离整体去解决或者优化是矛盾的做法! 二、 统…

    2022年6月15日
    0146
  • UI设计技巧:UI设计需要了解哪些心理学内容

    企业若想要透过UI设计能吸引用户关注、发掘潜在客户,甚至进行诱导转换等,了解相关的心理学是非常重要的。那麽UI设计需要了解哪些心理学内容? 为什麽UI设计需要了解心理学? 在UI设计和交互设计中,学懂用户心理学…

    2022年6月25日 建站资讯
    0215
  • 网站设计做的好对企业有什么影响。

    随着互联网的发展,网站建设的成熟,现在,网页设计成了网站建设中最重要的一环,网站的好坏可以从网页设计来看出端倪。 今天,小编将为大家从新梳理优秀的网站设计对企业所带来的影响。 1、网站设计的好坏是品牌的…

    2022年7月4日
    0174
  • 已经过时的5大网页设计流行趋势

    流行趋势是设计师必备的最强武器之一,将时尚和潮流融入设计,将新鲜的风格和独特的体验带给用户。虽然遵循流行趋势有很多好处,但是别忘记流行趋势也是有「时限」的,一旦过了这个「时限」,就表示这个流行趋势可…

    2022年6月25日 建站资讯
    0153
  • 为网站增强活跃的气氛 分享一波超酷的几何图形网页设计案例

    大同小异的设计是不是让你常常感到视觉疲劳?俗话讲,细节决定成败!没有人会对沉闷的设计产生兴趣,因此若能在网页设计中适当地融入些几何图形,刚好能在增强视觉体验的同时,营造出活跃的氛围。今天,Inspirr将为大…

    2022年6月20日 建站资讯
    0278
  • APP推广方式有哪些?如何选择合适的APP推广渠道

    在APP的推广当中,选择的推广渠道决定了用户的主要来源,以及用户质量的高低。为了让APP达到最佳的推广效果,运营人员应该根据预算、成本、用户群定位、APP定位、渠道属性等,为APP选择合适的推广渠道。 下面,我将…

    2019年3月18日
    0128

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息