- 综合排序
- 最热优先
- 最新优先
- 来自专栏我分享我快乐
资深UI设计10年经验分享
每个设计师都在纠结中挣扎，我们的甜蜜，兴奋，郁闷，敏感，来自生活，来自设计，来自每次完成一个页面后的反馈，来自每次回看的满足和成就，这些词汇已经融入到我生活与工作的点点滴滴。 把自己当成用户来看，抓住两个原则，快速，准确，让用户10秒种可以明白这个页面的中心。 我们根据这个原则来归纳出这个需求的重点是什么，次重点是什么，这样你才知道你要表现的视觉中心是什么。 主题字设计：这是一个活动页面最重要的信息传达点，在很大程度上，力求用简短的语句表达完整的信息。 有的产品经理也会从设计的角度给出自己的意见。 这时，作为设计师考虑他的建议是否可行，是否对活动有益，要客观的看待和沟通这个问题，如果发现他的观点对活动无益，或者影响整体设计，可以试着说服他。 我的做法是不给朋友解释这个活动页，就是让他自己看，如果他能在10秒钟内明白这个页面的意思，能用一句话解释出来。并且愿意尝试参加这个活动，那就基本成功了。 ?
60020发布于 2019-08-19 - 来自专栏静Design
10种帮你改善UI设计质量的窍门
前天的不可不知的10条UI设计经验法则 不知道大家有没有从中获得一些启发呢？今天咱们继续：10种帮你改善UI设计质量的窍门。一起来看看吧！ 01. 07.让你的设计动起来 ? 动效设计在现在的设计过程中变的越来越流行。动画可以采取自动播放的形式，也可以采取当用户与页面元素发生交互是进行运动的形式。 随着Principle，XD，AE，Flinto等工具的兴起，设计人员可以更方便的在自己的设计稿中增加动画效果。 10. 利用阴影增加纵深感 ? 设计时不要忘记Z轴哦，设计空间其实也是“3D”的。 阴影是在设计中增加纵深感的一种好方法，可以让你的设计稿更有立体感。这种纵深感有助于在应用程序中创建信息层次结构。 我已经提到过很多次，不要忘记应用是为用户完成某种目标而设计的，不是单纯为了好看。除非你做设计仅仅是为上Dribbble热推，那真是疯了。
92120发布于 2019-11-15 - 来自专栏终身学习者
10个最恐怖的UI UX设计错误
在不断发展的UI/UX设计领域，成功与失败之间的界限非常微弱。即使是最小的设计失误也可能导致用户的沮丧、转化率下降，甚至产品的失败。 为了帮助你避免这些陷阱，我们整理了一份10个最可怕的UI/UX错误清单，务必要避免。每个错误都附有一个真实案例，这样你就可以从他人的经历中学习。让我们开始吧！ 1. 不一致的设计元素 字体、颜色和设计元素的不一致使用会造成混乱，削弱整体用户体验。设计中的一致性至关重要，通过在产品中使用相同的设计元素，用户可以更容易地理解和导航。 10. 忽视用户反馈 忽视用户反馈可能会阻止您发现和修复设计中的关键问题，从而导致用户体验不佳。用户反馈应该被认真对待，并用于改进产品。定期征求反馈并进行必要的改进，以确保用户满意。 总结 通过借鉴这些例子并避免这些常见的UI/UX设计错误，您可以为您的受众创造更愉悦、易于访问和用户友好的体验。请记住，出色的设计是关于理解并满足用户的需求。
1.4K30编辑于 2023-08-16 - 来自专栏静Design
UI设计中颜色使用的10条原则
为UI选择基本颜色后，将这些颜色放入Google颜色工具https://material.io/design/color/the-color-system.html#tools-for-picking-colors 10.60-30-10原则 ? 60%是氛围色，30%是辅助色，10%是点睛色（主色） “这种室内设计规则是一种永恒的装饰技术，可以帮助您轻松地将配色方案组合在一起。 60％+ 30％+ 10％的比例是为了使颜色平衡。这个公式之所以有效，是因为它创造了一种平衡感，并使眼睛舒适地从一个焦点移动到另一个焦点。” · https://dribbble.com/colors/ Dribbble是我最喜欢获得UI灵感的地方。通过按颜色搜索功能，可以轻松了解其他设计师如何在设计中使用特定颜色。 原文：https://uxdesign.cc/10-principles-for-color-usage-in-ui-design 作者：Danny Sapio 翻译：静电
5K10发布于 2020-07-28 - 来自专栏全栈程序员必看
ui ue设计是什么_ui设计师
本文，就来详细说说UI设计和UE设计这是两种概念，以及如何将它们区分开来。 UI如果不想成为产品设计的“原型生成器”，就得像UE一样，多参与到产品设计工作中，为自己争取更多的参与权和发言权。 3、知识差异 UI和UE的知识体系有所关联，会有重叠的部分，但还是存在很大的区别。 UI注重视觉体系的研究，而UE脱胎于早期工业设计，对交互体系的涉猎更多些。 4、技能差异 虽然同为设计，但两者在技能要求方面的差别还是挺大的。 一名优秀的用户体验设计师，需要对界面、交互和实现技术等有深入的理解。在互联网企业中，一般将视觉界面设计、交互设计和前端设计都归为用户体验设计。 其实，UI和UE是两个互有交集的概念。 UI是专注于细节的单页面交互设计，而UE则专注于需求、任务和目标三者的有效实现。
1.9K50编辑于 2022-08-03 - 来自专栏静Design
不可不知的10条UI设计经验法则
当你在设计过程中有疑问时，不妨看看我们为你准备的，在UI设计中要遵循的标准实践法则列表。当然，这些法则不是一成不变的，只是我们认为可以在日常的UI设计工作中为你提供的一系列方法而已。 在设计的时候，你应该时不时的跳出来看看，感受一下容器是否会让UI界面显得混乱。在大多数情况下，用于分隔内容的框和线可以用留白来替代。 通过使用同种字体家族，我们可以在设计中使用具有不同变体的相同字体。同种字体家族让设计变得灵活又一致。 10 少即是多 ? 每次我们向页面添加其他信息的时候：按钮，文本，图像，动画，插图等，这些内容就会与其它相关信息存在竞争。如果页面上内容过多，元素的重要性则会降低。 原文：https://uxdesign.cc/10-rules-of-thumb-in-ui-design-aa5f91885444 作者：Danny Sapio 翻译：静电
75710发布于 2019-11-14 - 来自专栏我分享我快乐
UI技巧 | 用户界面设计的10个小技巧
点击上方[我分享我快乐]→[...]右上角→[设为星标⭐]即可第一时间获取最新设计资源 我们大多数人开始接触 UI 设计的时候，只是知道很少或者根本不懂任何设计理论。 尽管万事开头难，我们还是需要通过许多设计类的书籍和文章来学习如何配色、排版、布局等。 在本文中，我将分享一些我在设计用户界面时学到的东西，以及我在学习过程中的新发现。 在设计中敢于运用大的字间距（比如标题24px，正文16px，标签文字10px等）。 更大的间距=更好的对比度 对比度=尺寸+字重+颜色 最后，请务必检查其对比度。 组件化提升效率 不是基于组件的设计会使设计不一致。当你意识到你已经制作了 5 种卡片界面，10 个按钮，5 种标题样式等等。
2.4K11发布于 2020-05-22 - 来自专栏我分享我快乐
2020年最值得关注的10个UI设计趋势
这篇文章来自 UI 设计师 Diana Malewicz，她在日常工作中会非常注意 UI设计的流行趋势，而这篇总结就是她梳理总结的10个小趋势。 它们更多的是偏向 UI 视觉方面，并不涉及到体验和交互。 最近花了不少时间来观察 UI 设计的发展趋势，我偶然间注意到了不少很有意思的苗头，或者说设计趋势。 我认为这些设计趋势，能够在不久的将来塑造更加独树一帜的UI 。 一方面，在视觉设计领域，一部分渐变变得更加夸张，但是在 UI 设计领域，无论是背景、UI元素（比如按钮、卡片和图形），渐变依然存在，只不过会显得更加微妙柔和。 10、简约加粗的字体 实际上早在 iOS 7 的时代，曾经一度流行过笔触纤细且字体宽度比较窄的字体，不过很庆幸这个时代过去了。
77910发布于 2020-06-17 - 来自专栏全栈程序员必看
Android UI设计
UI概述 1、在Android应用中, UI (User Interface)界面是人与手机之间数据传递、交互信息的重要媒介和对话接中。 View类是Android系统平台上用户界面表示的基本单元, View的一些子类被统称为Widgets(工具)，它们提供了诸如文本输入框和按钮之类的UI对象的完整实现。 UI事件 1、理解UI事件 ①当用户通过手指触摸U时，系统会自动创建对应的Event对象 ②Android中提供了多种方式拦截处理不同类型的事件 ③视图本身就可以处理发生在该视图上的事件 布局的类型
64050编辑于 2022-09-07 - 来自专栏喔家ArchiSelf
软件产品的10个UI设计技巧及AI 辅助
本文尝试总结了10个UI设计的小技巧，当然，最快的学习方法是实践。 1. 使用空间对相关元素进行分组 将信息分解为相关元素的小组有助于构建和组织界面，使人们更容易理解和记忆。 避免使用纯黑色文本 在 UI 设计中，通常建议避免使用纯黑色（#000）作为文本或背景色。 一个更安全、更友好的设计策略是：避免纯黑与纯白的直接搭配，转而采用柔和的深灰与浅灰组合，并根据内容的重要性灵活调整颜色的明度和对比度，从而打造一个更舒适、易读且富有层次感的界面。 10. 在 UI 设计中，合理选择文本对齐方式和行高设置，是提升界面可读性和用户体验的重要细节。 应用这些 UI 设计技巧越多，它们就越自然地成为设计工作流的一部分。把它们当作一个坚实的基础，探索新想法，尝试不同的方案，发挥创造力！
1.1K20编辑于 2025-11-24 - 来自专栏林德熙的博客
win10 uwp 非ui线程访问 ui
大家都知道，不可以在 其他线程访问 UI 线程，访问 UI 线程包括给 依赖属性设置值、读取依赖属性、调用方法（如果方法里面修改了依赖属性）等。 一旦访问UI线程，那么就会报错，为了解决这个问题，需要使用本文的方法，让后台线程访问 UI 线程。 本文提供三个方法可以让其他线程访问 UI 线程 第一个方法是比较不推荐使用的，可能出现 win10 uwp Window.Current.Dispatcher中Current为null ，一般都是使用比较低的优先 为何不设置为 High ，参见 CoreDispatcherPriority 那么比较推荐的一个方法是在一个用户控件或者Page之类的，如果在里面使用了异步线程需要访问 ui 的属性，那么可以使用下面代码 await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () => {
1.3K10发布于 2018-09-18 - 来自专栏Android随笔
UI设计资源收集
UI Parade 灵感UI设计网是一个致力于设计师UI设计作品分享的网站，提供很多有才华的设计师们的优秀作品，帮助设计师们获得UI方面的设计灵感，提供丰富的设计参考案例，同时还提供收费版的在线设计工具 Louie Mantia apple设计站点，网站提供免费的icon图片和桌面以及UI设计下载和使用。 Lovely UI 可爱的UI手机界面设计站点,一个致力于智能手机界面设计作品展示的博客网站，由众多程序界面设计师上传分享出来的，该网站分类详细，用户可以更加分类来查看不同的界面UI设计，要想提高自己的设计能力就需要去取经 UI中国 前身为iconfans,是国内专业的UI设计师交流、学习与展示的平台。 优设 优秀网页设计联盟(SDC)，是有着良好职业交流氛围的网页设计行业联盟。 学UI网 一个发布高质量设计教程和分享设计经验的UI学习平台。 UI设计网 一个专业的用户界面设计、交互动画分享平台。 花瓣网 设计师寻找灵感的天堂！
3.2K31发布于 2018-08-28 - 来自专栏web全栈
新拟物化UI设计
新拟物界面设计（Neomorphic UI Design）是2020年在互联网上非常火热的一种前端界面设计方式， 这种设计风格在传统的扁平的基础上增加了拟物的投影效果，从而提升了界面的立体感，又比拟物的效果更加轻盈 下面提供几个新拟物风格的CSS设计工具： Toolbox工具箱 Toolbox 集合了新潮流 CSS 风格的工具箱，有在线 CSS 玻璃形态和新拟物形态，两种目前网页设计的新风格样式，Neumorphism 有趣的工具箱值得 Web 网页设计师收藏哦。 社拟物化风格大赏 UI社收集的一些使用CSS创建的新拟物化风格UI示例。 精美的CSS3新拟物风格UI元素：http://code.qkongtao.cn/neomorphic/neomorphicUiElement/index.html 3.
1.6K20编辑于 2022-09-26 - 来自专栏全栈程序员必看
【APP UI 设计模式】（一）APP UI 设计原则和流程
一、基本原则 1、用户体验原则UCD，以用户为中心去设计 2、设计模式是可重用的设计规范实现 3、反模式是糟糕设计的典型，极力避免使用 4 、试验模式——超越既有理念和移动现状的设计，有望成为下一个主流UI设计模式。 二、主要内容 1、APP UI 设计模式描写叙述的对象是智能手机、平板、智能设备等设备上执行的应用程序。 d，小型平板 e，大型平板 4、原型设计方法必须考虑尺寸、交互、运动、声音、多点触控、跨界等因素 三、设计流程 1、划定范围、确定概念、做好规划 / 点击打开链接 2、下载PDF书籍《Android应用UI设计模式》 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/118623.html原文链接
1.3K10编辑于 2022-07-12 - 来自专栏林德熙的博客
win10 uwp 非ui线程访问 ui
大家都知道，不可以在 其他线程访问 UI 线程，访问 UI 线程包括给 依赖属性设置值、读取依赖属性、调用方法（如果方法里面修改了依赖属性）等。 一旦访问UI线程，那么就会报错，为了解决这个问题，需要使用本文的方法，让后台线程访问 UI 线程。 本文提供三个方法可以让其他线程访问 UI 线程 第一个方法是比较不推荐使用的，可能出现 win10 uwp Window.Current.Dispatcher中Current为null ，一般都是使用比较低的优先 为何不设置为 High ，参见 CoreDispatcherPriority 那么比较推荐的一个方法是在一个用户控件或者Page之类的，如果在里面使用了异步线程需要访问 ui 的属性，那么可以使用下面代码 await Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal, () => {
72940发布于 2019-03-13 - 来自专栏静Design
UI设计师注意！用户界面设计中的 10 个最常见错误
这就是为什么我们决定整理一份 UI 设计中最严重的错误列表。 错误设计：请不要这样做 即使经验丰富的UI设计也会犯的前10个错误。 和 Schoger S.的“重构 UI” #9- 导航过于复杂 复杂的导航是大多数亚洲网站的缺点之一，老实说，我们也不清楚为什么他们的设计者要这样设计。 和 Schoger S.的“重构 UI” #10- 错误的间距 最后一点，最坏的情况就是设计师在设计时没有用对元素间距，这样的话即使是合理的布局也会让人很疑惑，因为在小的设备上，文本可能都需要放大才能看懂 和 Schoger S.的“重构 UI” 总结 我们并没有列出所有网页界面设计中所有的典型问题，但需要我们列出的这些内容可以帮你避免犯其中最让人讨厌的问题，希望你可以有所收货并能在网页设计中大放异彩。 原文：https://medium.com/@FlowMapp/bad-bad-ui-10-common-mistakes-in-user-interfaces-ac89767ac43d 感谢阅读，以上内容由花火译文小组翻译
2.1K30编辑于 2022-10-27 - 来自专栏程序那些事儿
10 倍提升 UI 交互体验，Rive 正在改变动画设计
Rive 是一个 实时交互动画 设计工具，它不仅仅是一个动画编辑器，更是一个完整的 动画生态系统。 Rive 让设计师和开发者能够无缝协作，创造出真正 智能化 的动画体验。 Rive 运行时：开发者的终极利器 Rive 不仅仅是一个动画设计工具，它还提供了一个 轻量级、多平台 的运行时，让动画可以在各种环境中流畅运行。 在应用中优化 UI 交互：可以让按钮、图标、加载动画更加生动。 Rive 的应用场景 Rive 适用于各种交互式动画需求，例如： UI 动效：按钮、加载动画、切换效果等。 它不仅仅是一个动画工具，更是一个 智能动画生态系统，让设计师和开发者能够无缝协作，创造出真正 动态、智能、流畅 的动画体验。
1.8K00编辑于 2025-05-15 - 来自专栏刘晓杰
Android UI 设计技巧
（1）使用include 标签实现包含共享UI设计 <?xml version="1.0" encoding="utf-8"? 这个嵌套的布局并没有实际意义，而且会让UI性能变差。为了避免插入类似冗余的View Group,你可以使用<merge/>标签标签作为可复用布局的根节点 （2）使用shapes 实现渐变效果。
81730发布于 2019-03-01 - 来自专栏小简技术栈
UI 设计是什么？
什么是UI用户界面 UI是用户界面的简称，UI是用户与设备、网站或应用程序交互的媒介，目标是使用户体验简单直观，用户只需付出最少的努力即可获得所期望的结果。 UI用户界面包括哪些 表单的用户界面：用于通过提供有限的选项将数据输入应用程序。 此外，高效设计的交互式UI可以“学习”预测和纠正可能出现的任何问题，以免对用户体验产生负面影响。 示例：社交分享功能、切换、按钮。 4.3 视觉设计 众所周知，用户界面审美价值非常重要。美观的设计利用颜色、对比度、字体、视频和图片元素来吸引访客，让他们能更容易阅读和处理内容。此外，设计师应围绕内容，创建合乎逻辑、直观的功能流。 在线UI设计工具 无论你从事该行业多久，强大的工具可以帮助你更有效、更准确地完成工作。用户界面设计就是关于体验的设计。如果你没有为客户建立积极的产品和品牌体验，那么你就没办法落地产品业务。
1.3K30编辑于 2022-10-31 - 来自专栏CSDN小华
Unity的UI设计
Unity的UI设计涉及多个方面，包括创建、布局、优化和性能管理。 例如，《精解uGUI-Unity UI设计与开发从入门到精通》详细介绍了如何使用新UI系统进行设计。 视频教程：Bilibili和其他平台上有许多关于Unity UI设计的视频教程，适合不同层次的学习者。 通过以上方法和资源，开发者可以有效地设计和实现高质量的Unity UI界面。 如何在Unity中实现响应式UI设计以适应不同设备尺寸？ Unity官方推荐的UI设计最佳实践指南在哪里可以找到？ 根据搜索结果，Unity官方推荐的UI设计最佳实践指南可以在Unity学习网站上找到。
2.2K10编辑于 2024-10-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号