惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
宝玉的分享
宝玉的分享
月光博客
月光博客
B
Blog
云风的 BLOG
云风的 BLOG
Google DeepMind News
Google DeepMind News
Engineering at Meta
Engineering at Meta
aimingoo的专栏
aimingoo的专栏
N
Netflix TechBlog - Medium
博客园_首页
GbyAI
GbyAI
人人都是产品经理
人人都是产品经理
A
About on SuperTechFans
Y
Y Combinator Blog
L
LangChain Blog
有赞技术团队
有赞技术团队
D
Docker
爱范儿
爱范儿
博客园 - 司徒正美
H
Hackread – Cybersecurity News, Data Breaches, AI and More
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
酷 壳 – CoolShell
酷 壳 – CoolShell
Microsoft Security Blog
Microsoft Security Blog
D
DataBreaches.Net

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
新手如何快速完成UI设计? | 软件推荐 - 少数派
2019-02-15 · via 少数派

「UI设计」是开发当中是必不可少的一个环节,那么作为新手,如何才能用最少的时间设计出高质量的UI呢?

视频:用Adobe XD临摹了bilibili的3个页面


在此之前我们先搞清楚我们经常所说的UI、UX、IxD这些究说的是什么内容。

关于UI和UX我举个例子你大概就懂了:小明家里面有一只小猫,这只小猫是橘色的,身子圆滚滚的(UI)。当小明撸它的时候会感觉十分的高兴(UX)。

UI:用户界面(也称「人机界面」),人机互动的界面,比如说:一款App的界面、网页等等。另外,现在我们所指的UI设计多为GUI设计师(软件界面设计师)。

UX(UE):UX和UE是一样的,都是做「用户体验」的,简单来说就是让用户用得舒服。

IxD:交互设计(优质的交互设计往往能带来更好的用户体验)


在这篇文章中会简单讲一下以下三款软件的使用心得:「Mockplus」、「磨刀」、「Adobe XD」。这三款软件在我眼中都是比较好上手的UI设计软件。

Mockplus

支持平台:Windows、Mac OS、Android、IOS

价格:Mockplus有免费版和付费版(独立开发者用免费版感觉足够了)

mockplus价格

安装方式:官网下载

简介:Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。(摘自百度百科)

使用心得:Mockplus在国内其实挺有名的,操作易上手,坐拥丰富的组件与图标(免费版200+图标,付费版3000+图标),一站式UI设计平台。

Mockplus界面

墨刀

支持平台:Windows、Mac OS、Android、IOS

价格:

月付价格
年付价格

安装方式:官网下载安装

简介:墨刀是一款国产的原型设计软件,可以用来进行UI设计。

使用心得:磨刀功能强大,学习成本低,界面美观。虽然磨刀分付费版和免费版,但如果仅仅是个人使用,免费版完全足够。

墨刀界面

墨刀里包含了丰富的组件和图标,可以说是完全做到了一站式UI设计。

丰富的内置组件

无论你是付费用户还是免费用户,都能够在手机上实时预览自己的作品。个人感觉墨刀的实时预览相较于Adobe XD的实时预览会更加的简单方便。

手机实时预览

除了上述上述功能之外,墨刀能够使开发者极其简便地添加交互,制作工作流等内容。

Adobe XD

支持平台:Windows、Mac OS、Android、IOS

价格:免费

安装方式:通过adobe creative cloud安装

简介:Adobe XD是Adobe家族中一款集设计与交互于一体的UI/UX设计软件。

使用心得:Adobe XD最大的感受就是标题所说的「简便高效」了,Adobe XD界面简洁好看,学习成本相较于Mockplus和磨刀会多一点,但Adobe XD相较于之前两款软件能够提升设计效率。接下来介绍几个Adobe XD的特色功能。

Adobe XD界面

1.更加智能的「参考线」

Adobe XD去掉了Ai、Ps里参考线的功能,取而代之的是一种更智能的方式。在Adobe XD中有着自动吸附、智能显示等功能,能够更加简便清晰地为设计师提供精准参考。

自动吸附+智能显示

2.重复网格

Adobe XD中重复网格能够实现快速复制,快速处理,能够一次的修改/复制多张图片/文字。

重复网格功能

3.优质的交互功能

Adobe XD有着优质的交互功能,交互功能简便且多样,而这样的交互功能在Photoshop中是难以实现的。

选中设计对象,通过画板间连线即可完成交互

除了上述功能之外,Adobe XD还提供了多平台的预览功能,设计师能够在IOS/Android平台上实时预览自己的创作成果。Adobe XD还能直接打开Photoshop、Sketch的文件,并进行修改。


总的来说着三款软件都是设计UI的好手,但我个人更推崇「墨刀」一点,如果有能力的建议用「Adobe XD」完成UI设计