写给刚入门的你：UI设计师的9大灵感来源

静电说：本文来自国外设计师Carrie Cousins。很多设计师抱怨自己在设计过程中没有灵感，其实有时候，多出去走走，灵感可能就来了。 除了多去看同行的优秀作品，多去看别人的文章还有素材，学习UI设计还有哪些地方能获得灵感呢？ 01 大自然 ? 听音乐也同样有助于设计。不同风格的音乐可以激发你不同的情感。可以选择和项目风格类似的音乐， 让思想更沉浸于设计中。 设计的韵律感、设计的节奏感在脑海中逐渐以视觉形象呈现，这就是音乐的功效。 就在于愿不愿意下功夫去了解每一个环节，只要愿意去做，相信大家都可以设计出深入人心的UI设计作品。 原文：https://designmodo.com/everyday-design/#ixzz2j4Z9IMm6 作者：Carrie Cousins ?

【iOS UI】iOS 9 GUI 资源分享

分享的内容包括一个【DesignCode-iOS-9-GUI】Sketch 文件， 和苹果官方释出的【SF-UI、SF-Compact】两种字体的安装包。 DesignCode-iOS-9-GUI.png ? DesignCode-iOS-9-GUI.png ? SF Font.png

UI设计资源收集

UI Parade 灵感UI设计网是一个致力于设计师UI设计作品分享的网站，提供很多有才华的设计师们的优秀作品，帮助设计师们获得UI方面的设计灵感，提供丰富的设计参考案例，同时还提供收费版的在线设计工具 Lovely UI 可爱的UI手机界面设计站点,一个致力于智能手机界面设计作品展示的博客网站，由众多程序界面设计师上传分享出来的，该网站分类详细，用户可以更加分类来查看不同的界面UI设计，要想提高自己的设计能力就需要去取经 UI中国 前身为iconfans,是国内专业的UI设计师交流、学习与展示的平台。 优设 优秀网页设计联盟(SDC)，是有着良好职业交流氛围的网页设计行业联盟。 学UI网 一个发布高质量设计教程和分享设计经验的UI学习平台。 UI设计网 一个专业的用户界面设计、交互动画分享平台。 花瓣网 设计师寻找灵感的天堂！ AndroidAssetStudio 一个在线制作工具，它可以制作Iocn、ActionBar、点9 图等等，简单的操作，大大提高了我们开发的效率。

新拟物化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.

UI 设计是什么？

什么是UI用户界面 UI是用户界面的简称，UI是用户与设备、网站或应用程序交互的媒介，目标是使用户体验简单直观，用户只需付出最少的努力即可获得所期望的结果。 UI用户界面包括哪些 表单的用户界面：用于通过提供有限的选项将数据输入应用程序。 此外，高效设计的交互式UI可以“学习”预测和纠正可能出现的任何问题，以免对用户体验产生负面影响。 示例：社交分享功能、切换、按钮。 4.3 视觉设计 众所周知，用户界面审美价值非常重要。美观的设计利用颜色、对比度、字体、视频和图片元素来吸引访客，让他们能更容易阅读和处理内容。此外，设计师应围绕内容，创建合乎逻辑、直观的功能流。 在线UI设计工具 无论你从事该行业多久，强大的工具可以帮助你更有效、更准确地完成工作。用户界面设计就是关于体验的设计。如果你没有为客户建立积极的产品和品牌体验，那么你就没办法落地产品业务。

了解模板化控件(9)：UI指南

简化ControlTemplate 通过简化ControlTemplate可以有效提交UI的性能。 FFFFFFFF" Offset="0" /> <GradientStop Color="#F<em>9</em>FFFFFF 尽量保持简洁，或者与系统保持一致，后期维护起来也更简单，出错几率更少，性能也会更好（通常自己<em>设计</em>的ControlTemplate性能都不会比系统自带的好）。 曾经看过一个说法：把<em>设计</em>动画时觉得合理的时间，再缩短一半才是合适的。 另外，操作后0.5秒内要给出反应，否则用户会以为系统没有反应，甚至有可能重复操作。 8. <em>9</em>. 符合典型的GUI<em>设计</em>原则 在控件层级就应该将<em>UI</em><em>设计</em>成符合<em>设计</em>原则，例如对齐，使用字体和颜色突出主要内容，易于操作等。 ?

Android UI 设计技巧

（1）使用include 标签实现包含共享UI设计 <?xml version="1.0" encoding="utf-8"? 这个嵌套的布局并没有实际意义，而且会让UI性能变差。为了避免插入类似冗余的View Group,你可以使用<merge/>标签标签作为可复用布局的根节点 （2）使用shapes 实现渐变效果。 （5）实现无失真图片拉伸（9-Patch 图片处理）

iOS 9人机界面指南（一）上篇：UI设计基础 - 腾讯ISUX

1.1 为iOS而设计（Designing for iOS） iOS 表现了以下三大设计原则： 遵从（Deference）：UI应该有助于用户更好地理解内容并与之交互，并且不会分散用户对内容本身的注意力 无论你是重新设计现有的应用，还是重新开发一个新应用，请基于下列方法进行设计考虑： 首先，去除掉UI元素让应用的核心功能突显出来，并明确之间的相关性。 然后，使用iOS的主题来定义UI并进行用户体验设计。完善细节设计，以及适当合理的修饰。 最后，保证你设计的UI可以适配各种设备和各种操作模式，使得用户在不同场景下都可以享受你的应用。 1.1.1 设计跟随内容 (Defer to Content) 尽管清新美观的UI和流畅的动态效果都是iOS体验的亮点，但内容始终是iOS的核心。 注明出处格式：腾讯ISUX (http://isux.tencent.com/ios9-guideline-ch1.html) ?

iOS 9人机界面指南（一）下篇：UI设计基础 - 腾讯ISUX

在iOS 9及未来的版本中，San Francisco 是系统字体。 （注意：iOS9中的San Francisco字体取名为SF-UI）。当你在你的app中采用San Francisco时，你可以调整模拟器>设置中的值来测试在不同尺寸下你的app的文本。 这些图形均受版权保护，而且产品的设计可能会频繁改变。 不要将苹果的应用图标，图像或者截图用于你的设计中。所有苹果的设计均受版权保护并且不允许出现在你的UI中，除非它们是由系统直接提供的。 想要充分地利用标准UI元素的优点，有一些关键点需要特别注意： 严格遵循每个UI元素的设计规范。 注明出处格式：腾讯ISUX (http://isux.tencent.com/ios9-guideline-ch1.html) ?

Unity的UI设计

Unity的UI设计涉及多个方面，包括创建、布局、优化和性能管理。 例如，《精解uGUI-Unity UI设计与开发从入门到精通》详细介绍了如何使用新UI系统进行设计。 视频教程：Bilibili和其他平台上有许多关于Unity UI设计的视频教程，适合不同层次的学习者。 通过以上方法和资源，开发者可以有效地设计和实现高质量的Unity UI界面。 如何在Unity中实现响应式UI设计以适应不同设备尺寸？ Unity官方推荐的UI设计最佳实践指南在哪里可以找到？ 根据搜索结果，Unity官方推荐的UI设计最佳实践指南可以在Unity学习网站上找到。

成为优秀UI设计师，必须了解的UI设计规范

今天带来的这些规范，可是成为优秀UI设计师必须知道的“纯干货”，还能让大家深刻了解UI设计规范（https://ds.mockplus.cn）的本质是什么。 图标规范 很多设计师以为UI设计就是设计图标。虽然事实并非如此，但图标的设计在整个UI设计中是比较基础的一个环节。 一般情况下，图片的尺寸是需要告诉比例的，而不是固定的大小，这样开发才能更好的适配，常用的图片比例有4：3、16：9等。 命名规范 5.gif 很多UI设计师对于“命名”是没什么概念的，他们都是随随便便地用一些没有特定意思的字母去给页面命名，这是不好的。 9.gif 做动效时，我们需要注意以下几点： 1）不论你的动画有多好看、多吸引眼球，如果成本太高或者过于复杂都是无法落地的，所以我们要遵循简单实用的原则来进行设计，千万不要过度设计。

优秀的UI设计原则

界面清晰最重要 界面清晰是UI设计的第一步，要想让用户喜欢你设计的UI，首先必须让用户认可它、知道怎么样使用它。让用户在使用时预期会发生什么，并方便地与它交互。 因此，在设计界面的时候，能够吸引用户的注意力很关键，千万不要将界面的周围设计得乱七八糟。 ▲ 正确示范｜干净简洁的界面可以让用户更加沉浸在阅读的世界里。 恰当的组织UI能够降低认知难度 正如John Maeda在他的书中所说，对屏幕元素的恰当组织能够使页面显得简洁，这能够帮助用户更容易并且更快地理解你的界面。 ▲ 正确示范｜零状态结果本身对用户体验极其不好，更需要情感化或引导性的设计来降低用户焦躁的情绪。 优秀的设计是无形的 优秀的设计是没有痕迹的，如果设计是成功的，那么用户可以只关注自己的目的，而不是界面，不依赖于界面。 界面是被人使用的 只有用户使用你设计的界面时，才是成功的。

关于UI设计革新——Trello

Trello 在今年1月9日被Atlassian收购后，进行了重新的UI概念设计，设计师的出发点只是单纯的练习与分享，他们提到自己是因为Atlassian收购Trello这件事情触发他们思考一个全新的产品视觉翻新 ，并尝试让Trello变得更加“顺滑”，提升其用户体验设计。 他们的工作范围涉及用户界面设计，交互设计和UI设计。我强烈建议你们去看他们Behance上的完整作品集。这真的是一个鼓舞人心的作品。 让我们一起来欣赏Trello的全新概念设计。 ? ? ? ? ?

UI的基本控件设计

在activity_main.xml中添加控件的样式,在MainActivity中可以添加点击事件

学UI设计，你必须知道的UI设计常识【萧蕊冰】

你了解UI设计常识吗？当我们步入一个新行业的时候，对这个行业会充满了期待。由于UI设计薪酬待遇高，很多其他行业设计师也想转行做UI设计。随着移动互联网的迅猛发展，使得移动产品的设计人员急缺。 今天这篇就来梳理一下学UI设计，你必须知道的UI设计常识。 手机屏幕尺寸 屏幕对角线长度，单位为英寸。 正常来说，设计师设计时采用的是显示分辨率（单位：px），程序员开发时采用的逻辑分辨率（单位：虚拟尺寸单位）。 切图 对于@2x的设计来说，1 * 1 pt = 2 * 2px；对于@3x的设计来说，1 * 1 pt = 3 * 3 px. 以上这些是有关UI设计常识的常识问题，主要侧重移动端的界面相关问题，也是一些比较基础的，感兴趣的可以看看，更多相关UI设计经验教程分享可以持续关注一下哦，每天都有更新的。学习资料可以看下简介哦。

【设计】近期发现的 APP UI 设计趋势

---------------------------- 今天分享一篇翻译文章，关于 UI 设计趋势的整理，希望可以带给你更多帮助！ 在新一年中，这种神奇的 UI 移动设计趋势趋于增长和传播。这种设计趋势的关键在于应用程序的界面让您感觉自己置身于应用程序中。引人入胜的设计元素和游戏化是这种体验的关键。 8、渐变和透明元素 这个UI设计趋势是关于渐变和透明度的。设计师通常在按钮和应用程序的背景上使用渐变。移动渐变趋势突出了应用程序的基本部分，并使人们专注于特定方面，从而赋予他们层次感。 9、舒适的视觉效果 舒适的视觉效果是大部分用户都喜欢的。用户和应用程序开发人员都喜欢这种最近的移动应用程序设计趋势。 移动应用程序设计不应该只是美观。它应该让我们的眼睛看起来更舒适。 它们包括自然的真实照片，具有平静的色彩和结构简单的轻元素，很少有深色主题设计。 如果让你的UI设计更好呢？ 这里有一些建议： 1. 多看别人的优秀设计 分析它们的优缺点，从他们的经验中学习。 2.

专访UI中国认证设计师卤大湿 | 一位UI大师关于UI设计的思考

精分青年卤大湿，这个在UI中国上是张酷酷的鲁迅头像的UI设计师，是一个真正意义上的UI大师。不仅自身技能过硬，还非常乐于分享自己的设计经验，态度温和却眼光独到。 你的设计成长历程是如何的，是什么让你从游戏美术转到UI设计师的？ 我个人想接触更多不同领域，所以决定从游戏UI转职到软件UI设计，毕竟游戏UI终归只是一个娱乐领域的工作。 你认为交互设计师和UI设计师两者之间有什么区别和联系呢？ “目前很多企业基本上都是UI设计师连带做着交互设计的工作。由此也可以看出大部分中小型企业并没有严格细化两者的工作。 “做交互设计和UI设计经常用的就是Mockplus和设计系统。

UI设计中的软件知识

最近挺想学学UI的,因为我们公司没有UI,所以做页面都是全靠摸索,老是被领导说没有审美[捂脸] 学习UI所需要的软件 PS  AI Sketch XD ? ? ? ? ?   Sketch是MAC才能安装的软件 作者：彼岸舞 时间：2020\05\16 内容关于：UI设计 本文部分来源于网络，只做技术分享，一概不负任何责任

UI图标终极设计指南

它由 UI 图标、象形图和标志表示，并在各个领域中使用，因为它可以在占用小面积的情况下传达意义。 它受到许多设计师的喜爱，因为它比其他元素更容易赋予个性，并允许您尝试视觉原理。 在这篇文章中，我们总结了图标的属性以及UI设计中推荐的图标设计指南。 用法 在 UI 设计中，图标主要用作应用程序图标和系统图标。 明晰 使用用户可以快速理解的最少元素进行设计。尽可能让用户友好，必要时应用简单的比喻。复杂的图标可能不会或可能需要很长时间才能让用户理解它们的含义。 视觉误差 由于图形设计工具的限制，有时需要进行视觉校正。对于下面的播放按钮，图形工具与图层末端对齐。但实际上，三角形需要调整，因为它们的重心与圆形或正方形不同。 原文：https://bootcamp.uxdesign.cc/ultimate-guide-for-a-good-ui-icon-beefc840c2e5 作者：Jake Park 翻译：静电

UI设计要素检查表