手机社区服务类ui设计_社区服务的功能

1.求助UI设计大神，新人刚入门想问下下图中哪些属于金刚区图标，那些属于功能性图标

2.UI设计的整个工作流程是怎样的?

3.想做UI设计师应该选什么专业？

4.ui设计需要什么软件？

5.UI设计师一般混哪些专业论坛社区?

6.3个UI设计技巧提升用户体验

7.UI设计需要学习什么内容

UI设计软件在市面上早已成千上万令人眼花缭乱、应接不暇。面对数量如此众多的软件，我们到底应该如何选择呢？原则当然是应该根据自己从事的设计细分领域来选择，但是也有一些比较好用易上手的一体化设计工具比如Pixso，用它可以完成原型设计，做到高保真交付，也可以从头搭建设计规范，利用原子化设计理念构建企业的设计元素，做到设计稿在某一个基础元素变化后，自动更新设计稿的效果。这类工具还有一个好处就是云存储，很方便设计素材和的管理，配合社区化，可以充分利用别人的设计经验或者积累自己的设计库。

设计师在工作过程中也通常和产品经理或者研发人员频繁沟通，Pixso可以做到用链接分享可编辑或者可查阅的文档，极大的方便设计师交付的能力，当然自动切图，获取代码那是自然的。

对于团队来说，Pixso也是比传统的设计工具更加便利，企业可以搭建团队，进行权限管理，项目管理，更炫的是可以多人实时编辑同一个设计稿，让协作效率空前释放。

这些还不够？它是一款工具，个人大厂都可以在线走起。

协同设计软件Pixso- 一站式设计协作软件，原型，设计，交互一体化工具，可以在线使用，支持历史版本，自动布局，设计体系，包含很多设计素材。

求助UI设计大神，新人刚入门想问下下图中哪些属于金刚区图标，那些属于功能性图标

平面设计和UI设计是两个不同但相关的设计领域，它们在应用、功能和技术上存在一些区别。如果你想更清晰地了解平面设计和UI设计的区别，可以跟着我一起往下看。

UI设计：UI设计专注于设计人机交互界面，包括网页、移动应用、软件等用户界面的设计。其目标是提供用户友好的界面，使用户能够轻松地与产品进行交互。

平面设计：平面设计涵盖海报、名片、广告、标志、包装等平面媒体的设计。它主要关注视觉传达和艺术元素的呈现，旨在创造吸引人、有效传达信息的视觉作品。

●?基本功能

UI设计的专业人员需要专注设计网站或应用程序的功能。如下图来自Pixso社区的外卖案例中，主要按钮的颜色设置就突出了视觉效果，引导用户去点击。

平面设计师设计最能代表他们公司的作品，以凸显品牌理念并增强用户体验。他们的设计可能包括出版物、或营销材料等。

UI设计师需要的特定技能：

●?分析能力：UI设计重视分析用户需求以确定可能性。它们确定站点或应用程序上的每个对象如何运行，如何相互交互以及用户操作的唯一组合如何影响整个站点。

●?编程知识：为了设计用户界面，UI设计师会了解特定编程语言的技术可能性。

●?交互设计原则：UI设计经常需要借助交互式设计原则来进行实践，这些原则解释了人们通常如何与网站和内容进行交互。

平面设计师需要的特定技能：

●?艺术能力：根据公司的要求，平面设计需要重视自己的审美艺术能力，创作出公司需要的艺术产品。

●?设计软件：借助一些丰富创作体验的设计软件，比如Pixso、Canva等，以突出你使用必要工具创建图形的能力和效率。

以上就是UI设计和平面设计的责任区别了，希望能给你带来帮助。

UI设计的整个工作流程是怎样的?

金刚区图标和功能性图标都是设计中常用的图标类型，它们在用户界面设计中起着重要的作用。以下是它们的定义以及二者之间的区别：

金刚区图标

金刚区图标是指用于用户界面的快速导航和访问常用功能的图标。通常，金刚区图标以扁平化的风格设计，具有简洁的形状和明确的图形表现，以便在有限的空间内传达清晰的信息。这些图标通常在主屏幕、工具栏或导航栏等位置显示，并且经常与特定的功能或应用程序相关联。

Pixso图标设计

功能性图标

功能性图标是指用于表示特定功能或操作的图标。这些图标用于界面元素（如按钮、菜单项或选项）来提示用户执行特定的操作或触发相关功能。功能性图标的设计目标是传达与其相关功能直接相关的信息，并通过形状、颜色和符号等视觉元素来增强用户的认知。

Pixso图标设计

金刚区图标和功能性图标的区别

金刚区图标和功能性图标之间的区别在于它们的使用场景和目的。金刚区图标通常用于导航和快速访问功能，以提供用户对常用功能的便捷访问。这些图标在主屏幕或导航栏上显示，并且可以直接链接到相关的应用程序或功能模块。

Pixso社区图标，

功能性图标则更多地用于界面元素上，以传达特定操作或功能的意义。它们可以作为按钮、菜单项或选项的一部分，并且通常与特定的操作相关联，例如保存、删除、分享等。功能性图标的设计目的是在有限的空间内传达明确的操作意图，以提高用户的操作效率和体验。

写在最后

对于图标设计，我强烈推荐使用Pixso工具。Pixso是一款功能强大且易于使用的设计工具，它具有协作功能，适用于个人设计师和团队合作。Pixso提供了丰富的矢量绘图工具和编辑功能，可以帮助您创建精美的图标设计。

使用Pixso进行图标设计的好处之一是它的实时协作功能。多个设计师可以同时在同一项目上进行工作，实时查看对方的编辑和评论，极大地提高了团队的协作效率。

此外，Pixso还提供了强大的版本控制功能，使您可以轻松管理和追踪设计的变化历史。您可以随时回溯先前的设计版本，并与团队成员进行讨论和分享设计思路和反馈。Pixso还支持云端存储和共享，您可以轻松将设计文件分享给团队成员、客户或利益相关者，方便他们查看和提供反馈。这种无缝的协作和共享功能使得Pixso成为图标设计的理想选择。

想做UI设计师应该选什么专业？

UI设计工作的整个工作流程，大致分为三个部分：需求分析-设计执行-数据分析。

在需求分析阶段，你需要对产品和行业本身有一个基本的认识。理解产品的基本情况，如产品目标，用户群体，产品定位，需求分析，功能模块，主要竞争对手，产品特点等。使用本产品可以解决什么问题？要达到什么目的？哪些用户使用该系统？对于不同角色的用户有哪些特定权限？每个用户的行为都需要操作日志来生成吗？该产品的主要功能模块是什么？该产品的商业流程如何？同类型的产品是什么？与他们相比，我们的产品有什么特点？做大而全的后台产品成功与否，是整个设计团队和开发团队能力的体现，而对于许多小团队来说，只能做一些大团队不愿意做的产品，或者在某些方面另辟蹊径，专做精。

参考PM给出的功能列表，在设计执行阶段对原型和流程进行梳理，需要重点考虑当前版本、功能模块、功能类型、功能描述、任务优先级、完成时间等，并与交互原型相关联，如功能描述、判定规则条件、触发条件等。完成了原型设计，开始进行UI视觉方面的设计，此时的后端同步构建需求的实现方案。界面设计者对前端的实现框架有了解，便于转换和沟通。接口实现时，UI设计师应首先进行测试，力求视觉设计和代码实现没有错误。设计完成后，从信息层次、文字、图标、等多个方面对设计进行查核，进行多次设计验证和测试。

资料分析是优化产品迭代的重要依据。在经过多次测试和审查之后，客户(或内部)才能交付使用，根据所产生的具体问题不断迭代，并且要观察产品是否能通过准确的数据反映问题，体现能力，要虚心接受用户的使用建议，认真思考其合理性，用户的使用和反馈是优化产品的重要途径。唯有实现了管理和运营的目标，才能真正创造价值

ui设计需要什么软件？

点击领取限时免费学习卡

直接培养?UI?设计师的专业很少，目前科班出身的从业者主要是以下专业：工业设计、视觉传达、动画设计、数字媒体、艺术设计、服装设计等等。UI设计这块大学教育是与行业需求脱节的，更多的从业者会通过长时间自学以及报班的方式系统学习?UI?设计。

很多人选择学习设计其实都是三分钟热度，如果想要开始学习设计，最好在学习之前先来做一个小测试

点击测试我适不适合学设计

学习ui设计会涉及到很多软件，这些都是必须要会的，你如果是铁了心想学设计，Ps、Ai、Axure、Ae、HTML、CSS等软件都要会；还需要懂得一些设计理念，懂得审美。总的来说系统学习?UI?需要很大的投入，不光是时间还是金钱，都是不小的成本。

想要系统的学习UI设计推荐天琥教育，天琥教育有着非常专业的教师团队，进入天琥的他们大多是来自4A广告公司的一线设计精英、知名设计总监、艺术院校教授。他们凭借自身强大的项目经验，手把手教授学员，让学员迅速掌握项目精髓，快速学好UI设计。点击了解更多关于天琥的信息

UI设计师一般混哪些专业论坛社区?

ui设计需要用到的软件很多，现列举一些ui设计常用的软件如下：

Photoshop、Adobe illustrator、Adobe After Effects、Axure RP、sketch。

（1）Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行编辑工作。ps有很多功能，在图像、图形、文字、、出版等各方面都有涉及。

（2）Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

（3）Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成，以及数百种预设的效果和动画，为您的**、、DVD和Macromedia Flash作品增添令人耳目一新的效果。

（4）Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。

（5）Sketch，即Sketch-A-Etch，是一款素描绘画类的软件，玩家需要旋转左右两个旋钮来控制面板上的画笔描绘出你想要的图像，并且可以给它们上色。

3个UI设计技巧提升用户体验

第1个：站酷，中国最具人气的大型综合性"设计师社区"，2006年8月创立于北京。“站酷网”聚集了中国绝大部分的专业设计师、艺术院校师生、潮流艺术家等年轻创意设计人群。

第2个：UI中国，前身为 iconfans，是专业的 UI 设计师交流、学习与展示的平台。

第3个: 花瓣一个帮你收集、发现网络上你喜欢的事物的网站。

第4个：优设是网页设计联盟并以自己的平台优势，让更多的设计师在优设实现自我价值，更向社会挖掘及输出优秀的设计人才。

第5个：Behance是 2006 年创立的著名设计社区，在上面，创意设计人士可以展示自己的作品，发现别人分享的创意作品（上面有许多质量上乘的设计作品），相互还可以进行互动（评论、关注、站内短信等）。

第6个: dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。Dribbble[1] 还针对手机推出了相应的软件，可以通过苹果应用商店下载使用Dribbble移动应用。

UI设计需要学习什么内容

在做用户界面的时候，我会出现这样的困惑，什么样的界面才是我要设计的呢？有时候要满足商业需求，又要满足审美，还要满足企业需求，我们该如何做取舍呢？什么样的界面才是最合适的选择呢，下面的内容将通过3要素帮助你分析UI设计中所遇到的这些问题。

视觉的美感，就是需要我们深入了解界面中每个组件的意义与试用的 表现形式，其基本原理 就是如何避免丑，最具代表的是格式塔心理学的六大原则，就是通过陌生影像与存留记忆的 双重感受 之下，作出美感得到的判断，我把它称之为关联记忆。

因此遵循格式塔的原理，能让我们设计出美感的界面。 下面我们就来了解一下格式塔的六大原则。

1、对齐：其本质是完整的形态是对人体美学的探索。

2、对比：对比能让主要信息一瞬间跳跃在眼前，但是我们需要控制一个页面中的层级在4——6个之中

3、亲密：亲密顾名思义就是接近性原则，在界面设计当中，可以分割成四个层级，（使用间距-最大，分割线其次，分割条，卡片）。在应用的时候我们也会发现，元素与元素形成的面，也可以理解成间距分割。我们需要注意的一个点是，任何信息模块，比如卡片里面又有很多信息的时候，我们可以通过分割线进行二次分割，所以在实际操作的时候都是穿插使用的。

4、相似：在界面中我们需要遵循相似的规律，不仅是为了美观性，还能让开发写文档的时候比较方便。所以我们在设计的时候，就需要这些方面对相似原则的运用（色彩、字体、控件、圆角、图标、投影、分割）设计的时候保持相似。在相似的基础上，我们需要根据流程的不同，在设计上又要做出形式上的区分，防止相同的流程决策影响用户的选择。

案例：比如在设计按钮的时候，会做实心按钮、水晶按钮、幽灵按钮、文字按钮、图标按钮，根据层次的不同来引导用户的操作流程。在同一个页面设计的时候，我们需要对信息进行归类，区别出不同的元素，比如为了让界面更易阅读，文字的色彩形成一定的逻辑，标题文字用333333，内容文字用666666，备注文字用999999，根据产品设计适应的色彩。

5、闭合。闭合的原理是因为忍耐具有联想的作用，因此大脑会将元素联系成一个整体，这样会更便于理解。设计的时候遵循视觉的闭合规律，减少大脑主动联想闭合的时间，直接提升用户的视觉体验。应用就是多进行规则化的设计，通过底色等进行归类，卡片化设计等。

6、思考。我们都知道让用户感觉高级的东西，一定是用户一眼无法看懂的，因此抽象的元素能让用户产生思考，但是要注意阅读性和高级感之间权衡。

这六个美观性原则，足以让我们在面对需求的时候，选择合适的方式，用以达到需求目标，美是一种工具。

怎么样达到美的效果呢？核心就是提高我们产品的品质。我们需要了解到品质感的心理来源，简单来说就两点：细节与简约。这里需要注意的是简约不是简单，而是要扬长避短，所有的这些都是 减少大脑的负担 ，让大脑一眼识别你想表达的内容。就是把细腻的元素放大，让用户一眼能看到好的一面，忽视最差的一面，以此达到简约而不简单的目的。那么细节是怎么做的呢？

案例：对于图表，我们有三个方向的影响可读性与美观性。第一个是造型的提取，轮廓一定明确，其中包视角、圆角大小、断口原则、倾斜角度、线条粗细。第二个是z轴走查，包括主图形、元素、背景层。第三个是质感，包括渐变光影角度、投影数值、纹理。

什么是印象差异，即在美的基础上，我们如何设计出有自己风格的界面呢？接下来我们来了解一下什么是印象差异性。我们的第一个目标就是深入了解不同属性间产品的特点及适用设计风格，借助工具挖掘产品独特的DNA和记忆点。

决定产品风格的因素主要有两个，一个是用户群体（年轻化、老龄化）

案例：斗鱼直播，用户：需要在情感上增强用户的粘度，板式松散密度低，色彩丰富，高饱和，图标有丰富的视觉效果，活动植入多，更注重数据的转化。新浪财经，用户：强调操作钱百分之百可预测（防错优先原则），板式最大的利用空间，紧凑，密度高，圆角小，彰显权威与可靠，图标的装饰比较少，信息传达清晰。

二是产品的属性（业务类、内容类、工具类、社交类），补充：如何区分，用坐标轴的方式，社区能力强弱于用户产生内容的强弱。

1、业务类：丰富——连接人与业务流程（电子商务，团购类，旅游类），由于内容复杂，导致色彩和交互等板式上饿的丰富，板块分割都比较严重，很少有大面积的留白，因为首屏重要，列出了很多功能入口。

2、内容类：连接信息与人（耐看），用户以最快的速度获取最有效的信息。

3、工具类；连接人与（易理解），打开产品后的目的很强，一般是用完后就关闭，一般内容单调，很多时候用插画或者质感的风格，凸显精致感。

4、社交类：连接人与人（仪式感），因为很多人用才产生的价值，很难爆红，但是一旦成功就很难被取代，每个用户都希望自己被重视。分为熟人陌生人社区。

色彩使用：色彩越少，越显专业。色彩越多，情感越丰富。色彩越散，产品越不稳重。色彩分布整齐，越专业。饱和度低越专业，饱和度高越化。

用户记优先排层次：位置、色彩、形状、文字。

通过以上的整理，我们深挖产品的DNA，其步骤共四步：确定情感、提取关键词、生成情绪版、营造氛围。产品孵化出来的模型，包括性格定义、人物模型、产品的DNA，形象ip、细节落地。

在落地的过程中，我们应该怎么样做到科学合理呢，目标就是让界面设计有完善的维度跟方式，具体内容是解读用户浏览目标，合理的布局视觉路线。科学合理的 核心是信息传递 ，包括三个点的传递，一是视觉的基础体验合理性，通过科学实验我们知道浏览热区呈现f行和z行的路线来的，二是用户能能够快速获取信息，落实到界面的时候，需要我们删减内容，合理布局，做到视觉的层次差异，三是在视觉传达中也很重要的点，品牌印象于视觉差异，让品牌瞬间占领用户的心智。

需要确保每个信息存在的必要性，在设计的过程中记得 查漏补缺 。从流程开始，该页面属于哪些流程的内容（流程交互），该流程需要帮用护解决什么问题（核心表意），用户需求和产品需求分别是什么（需求对照），用尽量少的内容解决问题。我们在对信息作需求的筛选的时候，可以使用kano模型就是之前文章的产品分析内容，根据必要信息、期望需求、亮点需求、无差异需求、反向需求的递减性来删减信息。

其次要确保信息学的 布局层次和信息层级 的合理性，保证用户在浏览页面的时候能更快的获取有用的信息。划分层次分为两个步骤：

1、功能板块优先：根据用户的意向和频率，结合kol竞品来分析，成功的产品需求需要迭代完善。

2、划分板块中的信息层级：使用艾森豪威尔法则，重要跟紧急信息来排序，第2象限适合初创产品用户核心需求，成熟的产品以第4象限为核心，比如广告，如果判断不了，继续使用kano数据来分析，也可以用其他因素来进行优先级划分。

对信息进行整理后，接下来就是 视觉上的层级 划分，我们要知道界面设计其实是解决问题的阶段。最好的一个层级划分方式就是对比突出，一定是有参照系的设计，才能体现出层次。设计界面的时候，需要避免给予用户过多的选择，根据席课-海曼定律选择越多所需时间越长，是不符合用户体验特点的（下一篇会讲用户体验），因为人脑最多同时处理5-9个事情，如果内容过多，使用分步认知的方式来解决信息过多的问题。视觉上影响用户优先级的顺序如下：位置（浏览顺序和用户习惯）-色彩（背景-饱和-多色）-留白（留白越多层次越高）-空间（卡片制造空间）

有效的埋点，根据产品期望 反馈数据 ，引导用户交互。在这个过程中，我们的目标是引导用户做出产品想要进行的决策，确定数据的指标除了核心数据，也包括因变量，确定评判的变量，多维度的方案进行评估，包括内容、视觉、交互、情感。

以上就是UI设计的核心3要素，当面对这么多内容的时候，我们如何使用这些概念呢，我们可以分三次，每次设计的时候把其中一个点拿出来在界面上反复研究，能对这些内容更有效的使用，才能深入理解。

感谢阅读，共同进步，用经验输出内容，倒逼设计。

UI设计是用户界面设计的简称，它是指设计师通过创造人与机器之间的视觉交互界面，使用户能够更好地与产品进行交互。要成为一名优秀的UI设计师，需要学习以下内容：

用户体验设计：了解用户的需求、行为模式和心理特点，通过用户研究和用户测试等方法，设计出符合用户期望和需求的界面。

色彩和视觉设计：学习色彩搭配原理、色彩心理学和色彩运用技巧，掌握视觉设计的基本原则，如对比、平衡、重复等，以及图形和排版的设计技巧。

交互设计：学习用户界面的交互设计原则，包括界面布局、导航设计、交互动效等，使用户能够直观、高效地与界面进行交互。

响应式设计：学习如何设计适应不同设备和屏幕尺寸的界面，掌握响应式布局和自适应设计的技巧，以提供一致的用户体验。

前端开发基础：了解HTML、CSS和JaScript等前端开发技术，掌握基本的网页布局和样式调整，以便更好地与开发团队进行协作。

设计工具和软件：熟练掌握常用的设计工具和软件，如Adobe Photoshop、Sketch、Figma等，以及原型设计工具，如Axure RP、InVision等。

用户界面的可用性和可访问性：学习如何设计易用的界面，考虑到不同用户的需求和能力，以及不同设备和环境的限制。

学习和实践：不断学习和实践，关注行业趋势和最新的设计技术，参与设计社区和活动，与其他设计师进行交流和分享经验。

以上是UI设计所需学习的基本内容，通过不断学习和实践，不断提升自己的设计能力，才能成为一名优秀的UI设计师。