UI设计开发工具介绍

news/2024/11/23 16:49:51/

UI设计开发工具介绍

  • 1 UI设计概念
  • 2 UI延申
  • 3 工具
    • 3.1 文档
    • 3.2 信息架构
    • 3.3 原型设计
    • 3.4 图形处理
  • 4 网站
  • 参考

1 UI设计概念

  • UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI,互联网常用的UI设计是虚拟UI,UI即User Interface(用户界面)的简称。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。
  • UX是User Experience的缩写,即用户体验。
    在这里插入图片描述
    在这里插入图片描述

2 UI延申

  • 现在的 UI 是全链路设计(严格来说,全链路设计还包括运营设计、营销设计等等,但是对于初学者,掌握UI+UX的狭义全链路设计,就已经很有竞争力了),要求设计师能够做好视觉和交互设计。对于很多中小规模的公司,公司并不希望花钱招聘分别的视觉设计(只画界面)和交互设计(设计界面流程),而是希望一个人能够把工作都做了。而对于大公司,要求综合能力,更是要两者兼备。
  • 如我曾经就职的200人机器人公司,UI设计除了负责软件页面背景、LOGO、图标、布局设计外,还负责机器人(AGV、机械臂、服务器机器人、激光雷达)的外形设计。那哥们是东南大学的,能负责这么多,说明能力很强,同时也体现出了小公司希望能力全栈。
    在这里插入图片描述

3 工具

3.1 文档

  • Office 系列
  • 语雀
  • 石墨

3.2 信息架构

  • MindManager
  • X-mind
  • Excel
  • MindNode
  • 语雀集成工具

3.3 原型设计

  • Axure RP
  • Sketch
  • Adobe XD
  • Affinity
  • 墨刀
  • 蓝湖MasterGo

3.4 图形处理

  • Figma
    在线,服务器在国外,制裁大疆等,可弃。
  • PS
  • Sketch(Mac)轻量级
  • XD(Mac&Win)轻量级
  • AI 深入
  • Pixso
    国内新起之秀,支持在线设计、多人协同,还有独家的团队云端资源库。国内亿图团队研发。
  • Axure RP
  • 蓝湖 MasterGo
    在线使用、不需要安装、兼容Windows电脑和Mac电脑快捷访问、支持Figma、Sketch文件导入等功能,除了在大量图层的使用和编辑时可以提供同类产品最好的使用体验外,其中文界面更是解决了Figma无法实现本土化的痛点,让团队协作变得更简单、更轻松,成为真正具备“团队级”使用的国产设计工具。

4 网站

Dribbble
Awwwards
花瓣
优设

参考

1、百科–UI设计
2、UI设计理论和UI总结
3、优设
4、知乎–UI设计是什么?
5、uxtools


http://www.ppmy.cn/news/315476.html

相关文章

推荐几款软件界面模型设计工具

一:GUI Design Studio 界面模型设计中很实用的一个工具GUI Design Studio,可以让界面示意图实现基本的交互,便于演示、交流。GUI Design Studio提供的了大部分C/S、B/S组件的示意图,可组合使用,在一般软件界面模型设计…

5款Windows 界面原型设计工具

转自:界面原型设计工具 - 开源软件 - OSCHINA - 中文开源技术交流社区 界面原型图绘制工具 Pencil Pencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图,同时还提供 …

UI设计师必备的五款界面设计工具

在前几篇文章中,我们分享了一些最受欢迎的原型设计工具,今天我们来谈谈界面设计工具。工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师,你需要多掌握一些技能,才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些…

SpringAOP详解

目录 前言: 相关概念 切点表达式规则 代码演示 SpringAOP实现原理 织入(代理的生成时机) JDK和CGLIB区别 小结: 前言: AOP(Aspect Oriented Programming)是思想(面向切面编程…

IDL基础语法

1 创建变量 命名规则:变量名必须以字母开头。它们可以包括其它字母,数字,下划线,美元符号。 以下是创建不同数据类型的方法,我们只需了解即可,知道如何创建整型【16位有符号长整型】和浮点型 PRO learn;创…

007: vue中修改el-select选中颜色不生效的办法

第007个 查看专栏目录: 按照VUE知识点 ------ 按照element UI知识点 echarts,openlayers,cesium,leaflet,mapbox,d3,canvas 免费交流社区 专栏目标 在vue和element UI联合技术栈的操控下,本专栏…

【SpringBoot笔记31】SpringBoot之配置过滤器Filter的方式、配置拦截器Interceptor的方式

这篇文章,主要介绍SpringBoot之配置过滤器Filter的方式、配置拦截器Interceptor的方式。 目录 一、配置过滤器 1.1、使用@WebFilter注解 (1)创建过滤器 (2)启

诺基亚6210 可用的UCWEB7.0正式版下载

诺基亚6210 可用的UCWEB7.0正式版下载6210上最好的手机浏览器哈完美支持各种网页,支持百度,GG搜索,支持视频播放。。 6210 ucweb 7.0下载地址:http://www.ucwebxz.cn/ucweb-60V3.SISX下载后把SISX文件复制到手机内存卡上&#xff…