随着智慧化生活的蓬勃发展，势必会有更多形态的终端产品出现，这就对UI设计提出了更大的挑战。如何进行UI设计，才能打破不同形态产品间的壁垒，实现一次开发多端部署，保证全场景下极致的用户体验？
Sketch 中文版拥有简约的设计，调色板，面板，菜单，窗口，控件和功能强大的矢量绘图和文字工具；包含针对UI设计的操作和交互模式，让你设计图标、移动手机UI、网站UI等更加简单高效。
Week07 2016/10/25上午1-4节 一、复习 二、无种基本布局 0、布局：布局，控件 Android系统五大布局详解Layout - 推酷 Android开发学习笔记：5大布局方式详解 - IT的点点滴滴 - 51CTO技术博客 1、线性布局LinearLayout （1）android:orientation="horizontal"//水平方向，默认，注：控件宽度不能为match_parent （2）android:orientation="vertical"//垂直方向，注：控
在产品开发和用户体验设计领域，UX（用户体验）与UI（用户界面）设计是两个常被提及的概念，其本质都是在解决产品的用户问题，但在实际的工作场景中，它们代表着不同的设计方向与职责。
但实际情况却是，很多面向B端的开发团队，不仅没有UI设计师，更多时候连产品经理，都是你的直属上级。指望领导给你画原型？做梦吧！
我们总说软件开发流程，是从需求分析开始，到界面设计，再到代码实现。 但实际情况却是，很多面向B端的开发团队，不仅没有UI设计师，更多时候连产品经理，都是你的直属上级。指望领导给你画原型？做梦吧！🙄 基于此，那些你以为只有外包设计师才能遇见的“左移一点”、“搜索框大一点”、“颜色醒目一点”的问题，在前端工程师面前，同样屡见不鲜。 而区别于C端产品，可以通过数据事实作为设计指导，B端产品的视觉传达，其实更难通过某种固定的方法论来得到预期的结果。（还时常是领导的“一言堂”） 最后结果就是，你乐此不疲写的C
以下内容由摹客团队翻译整理，仅供学习交流。摹客Mockplus是快速的原型设计工具。摹客iDoc是高效的在线协作设计平台。
对于动效的看法，我个人也觉得微动画，微交互是最好的。不过有动画总比没有的好，也要看实际用途
在当今快节奏的软件开发环境中，设计师与开发者之间的协同工作显得尤为重要。然而，理解并准确实现设计稿的意图常常需要耗费大量的时间和沟通成本。为此，开源社区中出现了一个引人注目的项目——screenshot-to-code，它利用AI人工智能技术（机器学习算法和视觉分析技术），将屏幕截图自动转换为前端代码，为设计师和开发者之间的合作开辟了新的可能性。
根据《2019年中国用户体验行业调研报告》显示，从事视觉设计类的女生占比为51.8%，高于男生的48.2%。显然目前看来，身处UI设计岗位上的更多是小姐姐。为什么会出现这种现象呢？
在产品开发的前期工作中，产品经理或设计师通常需要进行原型设计工作，创建一个可交互和可视化的原型，以更准确地表达他们的设计构思和想法，并为项目顺利递交给开发人员做好准备。进行原型设计时，使用设计工具来画原型图是最高效的方式。
静电说：对于UI设计师来说，特别是对于初阶UI设计师或者UI初学者而已，排版的好坏是这个阶段核心要考虑的问题，也就是细节。但是不少同学总是在这个上边很不注重，总想着创意。没有了基础的创意就如同无本之源，是没有任何意义的。
在《分布式UI体验设计的思考与实践经验（上篇）》中，华为资深专家王红军就UI设计中人机环境影响因素、参数化、模板化的基础元素和框架以及响应式的界面布局等方面内容做了分享。那么，还有哪些因素是在分布式UI设计中需要考虑的呢？
前几天在知乎上看到一个帖子，“前端发展太快，有些小伙只会用react(了解api)，招个jquery熟练的外包较难，如何看？” 上面回复赞同比较多的是,“如果他会react,那么jquery他几天就可以上手”。 我暂且不评价这种看法，我先来说说前端发展史吧。 石器时代 - 简单的html和javascript编写静态页面，配合jsp、asp等服务端的混合开发。 铁器时代 - ajax的应用，jquery的诞生，js动态加载（AMD、CMD）技术的出现。大幅提高前端开发效率。 蒸汽时代- mv*框架的应
易客——无限点餐系统 项目地址 https://github.com/guoyaohua/yike 宣传视频 http://v.youku.com/v_show/id_XNzk0Mjk0NDMy.ht
现在，越来越多的人想要建立自己的网站，通过自助建站系统就可以自己进行网页制作了。这无疑是一件好事，但是，很多设计师，尤其是新手设计师或者压根儿就不是设计师的小白，都在网页设计上走过不少弯路。
为了能在交互设计和用户体验上做出比竞品更优秀的移动APP产品，我们必须知道移动设计的基本原则。
对于大多数设计师来说，在工作中如何与开发人员进行团队合作一直是最困难的任务之一。接下来，将和大家分享一些实战技巧，助你顺利交付作品。
苹果软件工程高级副总裁Craig Federighi表示，“新应用程序开发技术使开发人员能够更快，更轻松，更有趣地开发应用程序，这代表着在所有苹果平台上创建应用程序的未来。”
emWin主界面框架主要有三种（当然，还有很多其它种类，我们这里仅说明以下三种）：
如今，随着移动端APP的功能越来越丰富，一些专门针对安全性问题的软件应用也不断涌现。今天，我们就一起来看看：一款安全停车App（Pazi）是如何一步步设计而成，并了解和学习其背后的UX&UI设计经验和技巧。
👆关注“博文视点Broadview”，获取更多书讯 数据可视化设计是将大数据背后的结构、关联、趋势等，通过可视化的方式直观地呈现出来，让数据变得更具有可读性，并告诉人们数据背后的意义，这可以极大地帮助人们利用大量潜在有意义的数据信息来实现商业价值。 也正因如此，数据可视化设计已成为当下热门的设计工种。 数据可视化通过视觉设计的表现手法可以将复杂无形的数据具象化，将凌乱的数据故事化。其既能展示视觉设计后的数据之美，又能用设计语言将数据信息有效地传达。 本文就来看一下如何进行大屏数据可视化产品的设计。 01
另外这些理论基本都是交叉结合来应用于工作中，我们学习理论但不要拘泥于理论的框架中，掌握后要灵活运用一点～
本文旨在对AI矢量图设计软件的功能和使用技巧进行详细的介绍。首先，本文将介绍AI矢量图设计软件的主要功能，包括多种矢量图的设计和编辑、色彩和图形处理等方面。接着，本文将讨论AI矢量图设计软件的使用技巧，包括如何创建和编辑矢量图、使用高级工具来增强设计效果以及如何导出您的矢量图等方面。最后，通过一个实际案例，说明AI矢量图设计软件的具体使用方法。
本文首发表于 InfoQ：http://www.infoq.com/cn/articles/visual-perception-test
本系列课程是针对无基础的，争取用简单明了的语言来讲解，学习前需要具备基本的电脑操作能力，准备一个已安装python环境的电脑。如果觉得好可以分享转发，有问题的地方也欢迎指出，在此先行谢过。
当你在使用Python的tkinter库创建GUI（图形用户界面）应用程序时，可以使用window.resizable(False, False)技术来控制窗口是否可调整大小。这个技术有着重要的作用，特别是当你希望保持窗口的固定大小时。
以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。
Canvas和Panel是Unity 2D UI中两个常用的组件，它们在不同的情况下有不同的用途。
微博是一款典型的信息流产品，早期微博IM复用了信息流的一些设计，并且已经很久没做大的更新迭代，导致现有的设计与实际场景不符。为了让用户更自然的聚焦在对话体验之中，我们对现有界面进行了重新梳理。 如上图
选项列表布局文件是以preference-headers作为根标签，header 作为子标签常用的属性有android:ico指定选项的图标，android:title指定选项的标题，android:summary指定选项的说明。
在使用Qt Design来设计界面布局的时候，Qt为了方便我们提供了布局管理器。但是一定要设计了布局，才能使用弹簧，否则弹簧没有效果。如下所示：
免费使用摹客设计系统作为UI设计师，整理设计规范也是设计能力的一种体现。所以，无论是自己设计创作的阶段还是和程序员沟通推动产品开发阶段，你的设计规范是否完善，对产品的质量起着决定性的关键作用。
Sketch for Mac是一款专业的矢量绘图和UI设计软件，由荷兰公司Bohemian Coding开发。它主要用于创建Web和移动应用程序的用户界面（UI）和用户体验（UX）设计。
前言：在现代社会中，计算器是我们生活中不可或缺的工具之一。它们可以轻松地进行各种数值计算，从简单的加减乘除到复杂的科学运算，为我们提供了快捷准确的计算结果。但你是否曾想过，我们可以亲手打造一个属于自己的计算器应用程序，体验计算世界的奇妙之旅？本文将带领你进入计算器应用程序的开发领域。我们将使用Java编程语言和Swing图形界面库，从零开始构建一个简单但功能强大的计算器应用程序。无论你是计算机科学专业的学生，还是对编程和应用开发感兴趣的爱好者，这个实践项目都将为你提供一个宝贵的机会来深入了解应用程序开发的流程和技术。
在前几篇文章中，我们分享了一些最受欢迎的原型设计工具，今天我们来谈谈界面设计工具。工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师，你需要多掌握一些技能，才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些工具建议，接下来我们就来盘点一下那些UI设计师需要掌握的界面设计工具。
2018也快要过完了（-_-），我们的移动端的UI设计规范也层出不穷。很多APP设计师也要在年底给公司或者是团队做一个总结。那么一个像样的APP ui设计规范也是很有必要的作品回顾。
小伙伴们，在上文中我们介绍了Android组件Activity，本文我们继续盘点介绍Android开发中另一个非常重要的组件Fragment。
体验过很多国内外的 AI 工具，近期接触到了人机界面设计的黄金三法则，发现很多 AI 工具的界面设计存在很多违背人机界面设计的黄金三法则的地方。
本文将重点介绍语音交互的GUI。设计的对象主要包括语音助手的GUI容器、语音助手和用户之间的对话流、语音助手的当前状态和播报内容，以及显示用户说话内容的ASR区域。
最近看到在“Baidu Create 2019”的百度AI交互设计论坛上，设计师分享了他们的最新成果：百度人工智能交互设计院与百度研究院商业智能实验室合作，基于百度自主研发、开源开放的深度学习框架飞桨（PaddlePaddle），让系统在每个模块组合形成的不同界面中找到最优解，在模型框架内给出任何一种设计，机器都能快速预测用户的偏好结果，设计师将以此为基础给出符合用户喜好与使用习惯的最佳解决方案。
MyLayout是一个可以非常简单和方便的实现各种界面布局的第三方开源库。在我的github项目中大部分DEMO都是通过代码来实现界面布局的，但这并不是表示MyLayout不支持XIB和SB。 在构建一个应用的MVC框架中，我们希望模型、视图、控制这三部分都尽可能的低耦合，而苹果推荐的视图部分构建则是通过XIB或者SB来完成的。因为MyLayout中的各种布局视图类其实都是从UIView派生的，因此MyLayout是完全可以和XIB以及SB混合使用的。 MyLayout的一些布局视图属性以及子视图的扩展布局属性是可以在XIB或者SB界面编辑器里面进行设置的。唯一的一个缺点是这些属性的设置不能起到所见即所得的效果。 因为MyLayout是一个独立而完整的界面布局框架，因此您可以和系统默认的AutoLayout混合使用，也可以完全独立的单独使用。
静电说：新手在学习UI设计过程中，通常会陷入到一个误区中，就是把UI设计当算术题来做。比如经常会有同学问：UI界面中的字号最小是多少？UI界面模块中的间距有没有什么规则可以遵循？是不是一定要4的倍数？UI界面左右留白多少才合适，有规范吗？按钮的圆角多少才合适？
想要做好ui设计，为什么要学习产品原型设计？下面小编就给大家简单分析一下其中的原因，希望对大家后期的学习有所帮助。
关于设计方法论的问题，我一直倡导先感性再理性，感性层面是你先把设计稿设计的有创意和优雅，理性层面是当第一个层面的优雅达到后，我们再从理性层面处理其中的某些细节。所以，在UI教学刚开始，特别是新手阶段，就过分强调公式化，教条化的理论，很容易让设计者陷入误区。
在iphone开发中，最基本的布局方式是通过frame，将控件的位置和大小固定在屏幕上，后来，由于手机屏幕的尺寸有了略微变化，有了autoresizing的布局框架，我们可以设置子视图随父视图的改变做一些相应的变化，再后来，iphone的尺寸与分辨率也越来越多，适配各个屏幕也成为了iOS开发者遇到的新的问题，幸运的是，autolayout机制的出现，大大减小了开发者在适配方面的成本。以上提到的两种布局方式，在以前博客中有讨论：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
