维特网 - 产品设计
type: channel
link: https://www.weite.ltd/index.php/category/UIshejis/
items: 常见的APP界面类型
items: 经典心理学理论在产品设计中的运用
items: 网页设计布局原则
items: 金融产品体验设计原则
items: 什么是产品设计？
items: 各理论在产品设计中的运用
items: 到底何为交互设计
items: 系统类用户界面设计：UI界面设计10原则
items: 【产品设计】著作精华分享
items: UI设计师常见面试题汇总

常见的APP界面类型
type: item
date: 2025-05-16T09:14:25+08:00
description: {mtitle title="常见的APP界面类型"/}在原型设计中常见的APP界面类型是我们作为产品必须了解掌握的知识，掌握这些常见的App界面类型有助于提升我们后续设计的工作效率。 今天分享时下比较流行的移动端UI界面类型，希望对产品经理和设计师们有帮助。1.闪屏页 每次翻开App时榜首眼看到的便是闪屏页（又称发动页），该页面承载了用户对这款App的榜首印象，因而对设计的要求是很讲究的。闪屏页给用户观看的时刻很短，一般只要一秒的时刻，因而，如何在这么短的时刻内表达出产品的定位便是设计师需求要点考虑的问题。 只要设计出定位明晰且吸引人的闪屏页，才干加深用户对产品的认知度。闪屏页分为品牌宣扬型、节假关怀型和活动推行型3种类型，不同类型的闪屏页承载的内容信息和表达方法也不一样。 品牌宣扬型 App的闪屏页是为了表现产品的品牌而设定的，首要组成部分是“产品称号+产品形象+产品广告语”，如图所示。品牌宣扬型的闪屏页是最为直白的闪屏页，设计较为精简，力求凸显品牌特点。 节假关怀型 当节假日降临，许多App会经过营建节假日的气氛来表现人文关怀。当眼前出现一幅朴实的节假日插图时，观者会从内心感受到软件带来的祝愿，从而具有夸姣的心情。 QQ音乐在设计中，对品牌的LOGO进行了延展设计，以凸显节假日的元素。这种设计不只能够加强与用户的情感沟通，还能加深用户的品牌的印象，如图所示。 另外，也能够用整个场景的插画来营建节假日的气氛，这也是十分讨喜的表现方法，如图所示。 活动推行型 有时候产品在运营过程中会做一些活动或许广告，推行内容一般会显现在闪屏页上。活动推行型的闪屏页多以插画方法表现。 要侧重表现的是活动主题及时刻节点，营建热闹的活动气氛。在设计时必定要捉住主次，防止由于烦琐的场景影响到主题的表现，如图所示。2.引导页 一个好的App引导页能够迅速捉住运用者的眼球，让他们快速了解App的价值和功用，起到很好的引导作用。有一句话是这么说的：“优异的UI能够造就App的点击率”。 在做引导页之前，咱们首先要学会定位，了解App的方针用户群。简略来说，引导页分为功用介绍型、情感带入型和搞笑型3种类型。 功用介绍型 功用介绍型引导页是最根底的一种引导页。这种引导页要确保信息展现一针见血，切忌噜苏、表达不清。在这样一个网络化、碎片化的时代，用户逗留在引导页上的时刻越来越短，浏览时刻一般不会超过3秒。 在这宝贵的3秒钟内，设计师需求把简洁明了、通俗易懂的案牍和界面呈现给用户，如图所示。请记住这句话：“用户需求便是你的案牍，功用介绍型的比如比比皆是。 功用介绍型引导页分为带按钮的引导页和不带按钮的引导页两种类型。一般交际类的产品会强制引导用户去登录，所以会在引导页面中参加登录的入口，如图所示。 情感带入型（中级型） 情感带入型的引导页能经过案牍和配图，把用户需求经过某种方法表现出来，引导用户去考虑这个App的价值，如图所示。这种类型的引导页要求设计形象化、生动化、立体化，能够增强产品的预热作用，一起给用户带来某种惊喜。 品牌宣扬型 搞笑型引导页的阅览量一般都比较高，拼的是设计作用或动画作用。 在一般状况下，这种类型的引导页对设计师的要求比较高，需求设计师学会扮人物和讲故事，归纳运用拟人化和交互化的表达方法，依据方针用户的特点来进行设计，最终让用户感同身受，在页面上逗留更长的时刻。 浮层引导页 浮层引导页一般出现在功用操作提示中，是为了能够让用户在运用过程中更好地解决问题而提前设计的用户教育。 这种引导页的浮层一般以手绘表现方法为主，会运用箭头和圆圈来进行设计，并用高亮的色彩来杰出信息，一起选用蒙版方法来加强杰出功用，如图所示。3.空白页 空白页分为首次进入型和过错提示型两种。简略来说，空白页便是由于网络问题造成的页面或许是没有内容的页面，例如页面中显现“没有信息”“列表为空”“过错”和“无网络”等内容的页面就属于空白页。 在一般状况下，这种页面都会经过文字信息给用户提示。好的空白页面会花费不少设计时刻，由于这种页面不只是用于提示，还会引导用户进行实质性的操作，从而加强用户对产品的黏性。要注意，空白页的设计必定要简洁明了。 首次进入型 在用户榜首次翻开运用的时候，App会利用空白页的提示引导用户进行操作，指引用户找到需求的内容。 过错提示型 过错提示型的空白页不只在网页中很常见，并且在App中也经常出现，例如显现“找不到页面”或许“网络中断”等，如图所示。这种页面中一般会指引用户解决问题，例如点击“改写页面”按钮能够改写页面等。4.主页 不同功用的App有着不一样的主页模块，挑选一种适合产品自身的主页展现方法十分重要。现在，App主页同质化现象越来越严峻，页面根本都朝着一个方向去设计。 作为设计师，必定要做到多看多用才干够找到更适合产品自身的展现方法。下面介…

经典心理学理论在产品设计中的运用
type: item
date: 2025-05-11T11:59:00+08:00
description: {mtitle title="经典心理学理论在产品设计中的运用"/}心理学经典理论对于产品设计可谓至关重要，虽说产品经理或者设计师们非得全部学懂学透，但凡想要在行业中长期发展的小伙伴知晓这些理论基础总会有极大的帮助，往往在不经意间事倍功半。{collapse}{collapse-item label="文件浏览" open}文件名在线浏览下载《经典心理学理论在产品设计中的运用》《经典心理学理论在产品设计中的运用》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/3880490079.pdf" radius="15px" content="下载 "/}《设计基础理论及心理学常识在原型设计中如何应用》《设计基础理论及心理学常识在原型设计中如何应用》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/4218497310.pdf" radius="15px" content="下载 "/}{/collapse-item}{/collapse}1.鸟笼效应 美国心理学之父威廉·詹姆斯，曾对他的好朋友，物理学家卡尔森打赌说：“不久之后，我一定让你养上一只鸟。”卡尔森当然不相信。过了几天，詹姆斯就送了卡尔森一个特别精致的鸟笼。卡尔森把鸟笼放在家里，还是坚持不养。可是每次有客人到他家拜访时都会问：“教授，你养的鸟什么时候死了？”卡尔森每次都要解释很久，不厌其烦。最后，卡尔森只好买了一只鸟来养。鸟笼效应就是这个意思：当一个人获得一件东西后，他会不自觉地去买这件东西周边的其他东西。这种心理在女人身上得到最好的体现。女人都喜欢买买买，一旦当她们买了一个价值不菲的大衣，就会再买一个名牌包与之相称，还要再加一双提升个人品质的皮鞋才可以出去见人。在产品设计中我们也可以打造一款成功的产品后进行不断衍生周边产品。2.马太效应 《新约·马太福音》中提出“凡是少的，就连他所有的，也要夺过来。凡是多的，还要给他，叫他多多益善。”反映社会中存在的一个普遍现象,即赢家通吃。指存在的两极分化的现象，即收入分配不均的现象。任何个体、群体或地区，一旦在某一个方面，如金钱、名誉、地位等，获得成功和进步后，就会产生一种积累优势，就会有更多的机会取得更大的成功和进步。所谓强者越强，弱者愈弱，一个人如果获得了成功，什么好事都会找到他头上。例如目前互联网头部巨头们的格局大家就明白了，巨头都在不断的投资另外的大厂或收购有潜力的创业公司，其实就是马太效应，越来越强。3. 禁果效应 上帝嘱咐亚当和夏娃不可吃、不可摸知善恶树上的果子。夏娃却被蛇引诱，不顾上帝的吩咐偷吃禁果还分给亚当吃，最后上帝把他们逐出了伊甸园。心理学中把“不禁不为”、“愈禁愈为”的逆反心理现象称之为“禁果效应”。越是欲擒故纵的产生悬念、限制、禁止的行为，越能激发用户窥探与尝试的欲望。利用人的逆反心理，把事情人为地变成“禁果”，能提高其吸引力，从而左右他人的思想，令其做出自己希望的行为。设计产品或者广告营销的时候我们也可以从中窥见该理论的应用。4.控制错觉定律 “控制错觉定律”指的是：对非常偶然的事，人们以为凭自己的能力可以支配。这种错觉出现，是由于人们平时用自身能力支配生活，所以产生自己能支配一切的错觉。人总是对自己参与或决定的事情更为看重，因此带给消费者的共鸣及情感认同，能调动用户参与感、产生控制感、获得归属感，成为产品的忠实拥护者。5.鲶鱼效应 挪威人比较喜欢吃沙丁鱼，在市场上活鱼的价格比死鱼也要高很多。渔民只能想出很多办法来让沙丁鱼或者回到渔港，但是沙丁鱼是一种比较脆弱的鱼，最终大部分死在了路上。在一群渔民中只有一个人比较特别，他的鱼总能活着回来，后来才知道他会在沙丁鱼中放入一条鲶鱼。而鲶鱼会到处游来游去，沙丁鱼会害怕自然也会游动，这样到达了码头沙丁鱼也是活着的状态。在企业管理中，鲶鱼效应很能体现效果，企业有着自己的一套传统管理方式，但是一种用一种单一的模式，最终会造成比较危险的境地，甚至于不利于企业的发展和管理。应该时不时追求更加先进的管理方式，并且让企业有着更加强大的生命力。所以，企业应该有一定危机意识。6. 雅各布定律 雅各布定律（Jakob's Law）是用户界面设计中的一个原则，它强调用户在使用产品时会依赖他们已经熟悉的经验和现有的心智模型。这个定律由美国用户界面专家和作家Alan Cooper所提出，以纪念他的朋友Jakob Nielsen。根据雅各布定律，用户更容易接受那些与他们已经熟悉的界面相似的产品。他们期望新的产品或系统遵循他们的预期和习惯。因此，设计师应该尽量保持界面一致性，并避免过度创新。这样做可以减少用户的认知负担，使他们更容易上…

网页设计布局原则
type: item
date: 2025-05-11T11:46:00+08:00
description: {mtitle title="网页设计布局原则"/}网页设计布局的原则看似好像和产品经理关系不大，实则是强相关的，好的原型设计必然它的布局也是非常合理的。{collapse}{collapse-item label="文件浏览" open}文件名在线浏览下载《网页设计布局原则》《网页设计布局原则》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/4133060319.pdf" radius="15px" content="下载 "/}《原型排版设计及设计风格类型》《原型排版设计及设计风格类型》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/3878811083.pdf" radius="15px" content="下载 "/}《菲茨定律在产品设计中的应用》《菲茨定律在产品设计中的应用》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/514743765.pdf" radius="15px" content="下载 "/}{/collapse-item}{/collapse} 网页设计布局的四个原则:对比、重复、对齐、亲密。今天着重给大家讲解如何灵活运用这四大原则。一.亲密性原则 如果信息之间的相关性越强，它们之间的距离就应该越近，越像一个视觉单元。亲密性的基本目的是实现组织性，使用户对页面结构和信息层次一目了然。 例如通过间距俩拉开彼此的关系，使页面内容更有条理和逻辑性，版式布局更美观，用户也会更容易阅读。二.对齐原则 在认知过程中，人们往往把感知对象直线继续化为直线，曲线继续化为曲线。在界面设计中，元素的对齐不仅符合用户的认知特征，还可以引导视觉的流动，让用户更顺畅的接收信息。 例如运用大量的右对齐、左对齐，让页面上的所有元素彼此存在某种视觉联系，让页面更统一，内容更突出。三.对比原则 对比是增加视觉效果最有效的方法之一，同时也可以在元素之间创建一个有组织的层次结构，使用户能够快速识别关键信息。 例如页面通过多层级的文字对比，色块对比，突出主次内容关系，增加页面视觉效果。四.重复原则 在整个界面中不断重复相同的元素，不仅可以有效降低用户的学习成本，还可以帮助用户识别这些元素之间的相关性。 例如页面使用相同的字体,同样粗的标题字号,相同的项目符号、颜色、设计元素、图标和文本布局形式、空间关系等大量的重复性元素，将作品的各个部分连在一起，从而增强作品，使页面更具有识别性、一致性，减少用户理解的负担。

金融产品体验设计原则
type: item
date: 2025-05-09T14:35:01+08:00
description: {mtitle title="金融产品体验设计原则"/}与其他产品相比，互联网金融产品是个稍具门槛兼具复杂性的产品，我们在进行用户调研研究后得知：大部分用户并没有太多金融知识的储备，且防范心理较为严重。这种信息不对称的现象久而久之会导致用户对金融产品敬而远之或心生戒备。因此作为一名金融产品设计师，需要在兼顾金融产品的特殊性的基础上，打破信息的不对称，利用设计思维和方法设计体验良好的金融产品。一、如何向用户传递安全感 我们知道情感的建立，往往是从认知开始，经历“认知-操作-反思”三个阶段。唐纳德诺曼也在他的《设计心理学：情感设计》一书中提到：情感的体验是由本能、行为、反思三个层面共同决定的。用户在使用金融产品时对安全性的极度渴求是我们在日常的设计过程当中需要经常思考的一项问题。 首先是本能层次的设计；这是用户对产品在外形、色彩、触感等方面属性产生的较初级的情感。在app应用方面，主要的设计对象是色彩。 其次是行为层次的设计；行为层的情感是用户同产品交互时所感知和操作得到的。这一层面的设计对象主要是认知的信息和操作。 最后是反思层的设计；反思层的设计不仅仅是能用（本能层）和好用（行为层）层面的设计，更多的是唤起用户对产品回忆、认知自我的设计。在移动产品中这一层面的设计对象主要是反馈与提示。1.选择稳重的视觉色调 在体验中，色彩很容易唤起用户本能层同某一情感的联系。而在一众色系当中，蓝色色系所表示的理智、沉静等含义是最能体现出安全感的。当然，细心的你可能会发现当前金融产品中还广泛应用了红色色系。这一现象与这里阐述的并无冲突，红色色系所代表的活力、热情也是金融产品期待传达给用户的情感，仅仅是在传达过程中偏重不同罢了。2.信息清晰准确、具备实时性 在金融产品中，信息最受强调的特性是其表达的准确性和实时性；这两个特性很大程度上的决定了用户对产品的信赖感，也影响了用户的去留。我们以实际页面为例： 在相同的交易结果页面当中，左侧详细地描述了交易状态、资金流动去向、产品名称及份额还有不受重视的订单号（明确的订单号有助于客服快速定位客户订单），并按优先级划分了信息层级。而右侧的结果页仅仅描述了交易订单的状态节点，其他信息诸如：资金流动去向，产品名称及份额并无描述。所以左侧的页面信息相较右侧更准确、清晰，也更让用户有信赖感。 再来看信息实时性的作用：左侧页面在刷新后底部会弹出toast提示数据更新状态，页面中的每条数据的底部也会短暂的出现渐变色条提示数据已更新。而右侧页面的数据刷新后，由于没有提示，用户会很难感知到多个数据的变动。所以左侧的页面相较于右侧在实时提示方面做的更好。3.操作中的防错、容错与可控 易操作是一款产品具备良好体验的基础。在这里我们可以通过设置操作前的防错设计、操作中状态可控设计以及操作后的容错设计来帮助用户在行为层建立安全感。例如，金额输入框的防错设计，可以做到实时提示用户输入的状态；资产数据的隐藏／显示按钮帮助用户实现数据状态的可控；金融产品购买后的撤销按钮给用户提供了一定的容错空间。4.反馈及时且明确 体验良好的产品总会在恰当的时间给予恰当的反馈，不反馈、反馈不及时、反馈信息不对都会让用户产生反感情绪（反思层），从而失去用户。涉及到资金流动的金融产品的反馈如果出现以上问题，用户的反感情绪尤甚。而好的反馈后帮助用户建立起对产品的良好印象，结合金融产品的特性，好的反馈会使用户对产品产生信赖感。二、如何有效的降低信息的理解门槛 基于以上理论的提出，我们针对金融产品信息本身具有一定理解难度、操作相对复杂等特性，制定出了以下四点设计解决策略以降低信息理解门槛，减少认知摩擦： 1) 简化复杂信息 2) 明确组织信息 3) 减少不必要的信息干扰 4) 简化复杂任务1 .简化复杂信息 针对内在认知负荷：虽然信息的数量、种类、复杂性一定程度上无法改变的，但是用户自身内部因素引起的内在认知负荷是可以降低的。如果我们将金融产品专业且复杂的信息通过图示的方式同用户大脑进行关联，也就是我们常说的信息可视化，那么认知负荷就会较低。其他一些处理办法例如将专业术语口语化，将信息碎片整合都是简化复杂信息、降低内在认知负荷的处理办法。2 .信息归类明确 很多时候设计师是没有办法控制页面呈现的信息多少的，金融产品尤甚，在监管要求下，许多相关的金融条款信息必须展示给用户。在这种情况下，作为设计师，我们可以通过信息的组织来保障信息用户获取大量信息的效果。结构划分合理和信息层级清晰可以作为信息归类明确的两个依据。结构划分合理、信息层级清晰。3.减少不必要信息的干扰 金融产品在使用中存在诸多场景，例如注册登录、资金操作、账户操作等。许多场景中需要完成多个任务以达成目标，而不当的信息呈现和组织会造成额外的认知加工。因此我们可以通过合理的删除和隐藏不必要的信息来减少外在认…

什么是产品设计？
type: item
date: 2025-05-07T15:55:00+08:00
description: {mtitle title="什么是产品设计？"/} {dotted startColor="#ff6c6c" endColor="#73aaff"/}本文为我们介绍了什么是产品设计，以及它的概念与意义。{collapse}{collapse-item label="文件浏览" open}文件名在线浏览下载《什么是产品设计？》《什么是产品设计？》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/3850150406.pdf" radius="15px" content="下载 "/}《【产品设计】著作精华分享》《【产品设计】著作精华分享》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/1111732878.pdf" radius="15px" content="下载 "/}{/collapse-item}{/collapse} 如果您正在阅读本文，那么您很可能在技术行业工作。您目前可能有机会或渴望参与现代数字产品的创建。本文旨在让您深入了解产品设计在此过程中的作用。成为产品设计师意味着什么的答案在不断发展。这是我试图传达这一被低估的角色的广度，财富和实用性的尝试。产品设计 要了解产品设计可以做什么，我们需要研究构成优秀产品设计师的各种设计形式，它们如何组合在一起，以及被博格（Borg）吸收时，他们在协同工作时可以做什么。 交互或UX设计人员研究行为模式，并探索特定应用程序可以解决预先确定的用户需求的多种方式。这些人可以比大多数人更快地创建和迭代解决方案。 图形或视觉设计师会做所有不是设计师的人都认为所有设计师都在做的事情。像素！它们在正负空间之间形成分界线，创造出色彩和深度的精美杰作。这些设计师使用绘图板。他们携带没有线的笔记本。视觉设计师将拟态放入iOS，然后从iOS中删除。 动作或动画设计师是很棒的设计师。如果您在光滑的菜单过渡或令人赞叹的加载动画生动起来的过程中感到厌烦，那么这些家伙就是您的功劳。 用户研究人员是用户需求的真正拥护者。他们深入客户的心中。他们提出难题，并接受所有难题的答案。用户研究深入到一切。用户永远是对的。 数据分析师是产品设计的科学家。他们管理A / B测试和实时产品，收集并理解大量数据。他们是相关性和因果关系的主人。这些是宣布获胜概念的人。裁决来自数百万用户的陪审团。 原型制作者可以快速轻松地制作交互式体验。这是产品开发阶段不可或缺的一部分。原型使我们能够快速，廉价地测试我们的想法。到几天甚至几小时内，从十五种可能的解决方案，到五种，再到三种。 最终，业务战略家们回答了“我们为什么真正做到这一点？”这一问题。他们确定每个决策背后的商业价值。为了使您所构建的最终成功，必须了解为什么要构建它。 传统上，这些都是个人角色。他们都还是。但是，它们也是单个产品设计人员的所有必需组件。 他们正在改变的时代。特别是在科技行业中，扩大我们作为设计师的技能，拥抱以前认为多余的设计师变得越来越重要。甚至还不存在。产品设计是整个过程 如果您将产品设计师视为使您的解决方案具有代表性的人，请再看一遍。她在那里可以帮助您识别，调查和验证问题，并最终制定，设计，测试和交付解决方案。 向产品设计师提供解决方案，他们会告诉您问题所在。 向她提出问题，她将前往Google Analytics（分析）并收集现有的用户数据。她将在企业的各个角落组建一支跨职能的团队，并集思广益。然后，她将与User Research交谈并制定测试计划。她会工作到很晚，然后逐一制作线框，探索广阔的可能性领域。她将最有趣的想法的原型放在一起，并将它们展示在用户面前，以便快速验证。 然后，她将为您提供几个完全成型的概念，它们可以完美解决当前的问题。具有明确的策略来确定如何进行A / B测试，何时以及进行什么测试，以及最终应该采用何种构建和发布计划。她将通过发布来支持开发人员。她将与市场营销部门合作，以确保故事与产品保持一致。在第一个版本发布后，她将非常在意产品，并跟踪数据和指标以继续验证设计。 产品设计师将设计解决方案，直到问题解决。产品设计是您的品牌 您的营销团队通过仔细地管理您的消息，广告和交流，将您带到世界各地的所有用户。如果您的产品没有实现您的品牌承诺，那么这些用户将不会留下来。相信我这一点。 产品设计师是业务赖以生存的基础的照顾者。最终，导致您失败的因素是您的品牌有前途的产品与产品所提供的产品之间的差异。这意味着您的产品设计团队与您的营销团队紧密合作并了解其工作是至关重要的。 大约一年前，我们更名为Spotify。我们重新设计了徽标和面向消费者的首页，并重新设计了广告风格。我们告别了已经存…

各理论在产品设计中的运用
type: item
date: 2025-05-06T17:58:00+08:00
description: {mtitle title="尼尔森十大原则如何在产品设计中运用"/} {dotted startColor="#ff6c6c" endColor="#73aaff"/}尼尔森十大原则，也叫用户体验十大原则，是由毕业于哥本哈根的人机交互学博士Jakob Nielsen发表，Jakob Nielsen对人机交互有很多研究，他提出十大可用性原则，用来评价用户体验的好坏，每个产品设计者都可以根据这十大原则进行自查。我们在设计产品的时候遵循该原则将会极大的提升我们产品的用户体验，所以作为产品经理或设计师都是必须要掌握的基础理论之一，下面以举例的形式为大家讲解原则如何运用。{collapse}{collapse-item label="文件浏览" open}文件名在线浏览下载《尼尔森十大原则如何在产品设计中运用》《尼尔森十大原则如何在产品设计中运用》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/2787361503.pdf" radius="15px" content="下载 "/}《普拉特契克情绪理论在产品设计中的运用》《普拉特契克情绪理论在产品设计中的运用》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/2155067594.pdf" radius="15px" content="下载 "/}{/collapse-item}{/collapse}1、防错原则 产品设计过程中要采用一些措施防止用户出错。更用心的设计防止这类问题发生，在用户可能犯错时进行提醒，比如删除可能造成的后果。 举例：密码输入框内显示密码规则，防止用户输入不合规密码；当有输入框内容为空时，提交按钮置灰，避免用户点击后才知道无法提交；微信发红包输入金额时，下方同时以大号字体再次显示所输金额，防止用户没看清楚，造成不必要的损失。 微信红包2、环境贴切原则 产品要使用用户熟悉的语言，同时遵循现实世界的约定，系统所展示内容与现实世界可产生关联，使用户能够快速get到系统的意思。 举例：电商APP中购物车的叫法及其图标（拟物化设计），均符合线下真实生活中的体验。 电商APP中的购物车3、撤销重做原则 产品需给用户提供撤销和重做功能，以给用户提供离开“某种不想要状况”的出口，给与用户控制感和自由度。 举例：word编辑时的撤销功能；手机相册删除照片后，会先存入“最近删除”相册中，允许用户在30天内撤销删除；不可逆操作，一定要给出弹窗让用户二次确认，如清空收藏夹。 手机相册“最近删除”4、状态可见原则 用户使用产品过程中，系统应及时给与用户状态反馈，让用户知道自己做了什么，成功还是失败，给与用户安全感、掌控感。 举例：下载电影时，页面显示下载进度、下载速度等信息；收藏成功时，页面文字提示“已收藏”。 下载进度提示5、一致性原则 不要使用户感觉不同的词语、情境、动作表示的是同一个事情，避免用户困惑。 举例：产品版本升级，不同版本之间有延续性，保持调性一致；APP内各个页面的返回按钮样式均一致，而不是一个页面一种样式。6、易取原则 尽可能减少用户的记忆负担，将对象、操作、选项可视化。 举例：网上挑选东西加入购物车，结账时生成购物清单，让用户可以再次确认自己买了什么、收货地址是否正确，减少记忆负担。7、灵活高效原则 要为大多数用户设计，保持系统灵活高效，新手易用，熟练用户也爱用。 举例：提供快捷键功能，对产品熟练的用户可以方便使用；用户输入身份证号后，自动提取出生日期信息，无需再手动填写。8、易扫原则 删除或弱化页面中无关紧要的信息，让用户高效get重点内容。 举例：音乐播放界面，突出播放按钮，次要功能按钮缩小显示。 播放页面9、容错原则 帮助用户识别、诊断、从错误中恢复，最大程度降低损失。错误提示信息要易懂，准确指出问题所在，并给出建设性解决方案。 举例：使用APP过程网络出现问题导致无法加载，给出网络出错的文字提示，同时下方提供“重新加载”按钮给出解决方案。 网络错误提示10、人性化帮助原则 理想情况是：用户可以在无需帮助文档的情况下使用系统，但是给用户提供帮助也是有必要的。帮助信息要容易被找到，且集中于用户的任务，列出具体操作步骤，不能太长。 帮助性提示方式优先级：无需提示>一次性提示>常驻提示>帮助文档。 举例：常见APP中的新手引导； 理解了尼尔森十大可用性原则，关键是要在平时产品设计过程中灵活、综合运用；当产品设计完成，也可以对照这十大原则，进行设计自检。{mtitle title="普拉特契克情绪理论在产品设计中的运用"/} {dotted startColor="#ff6c6c" endColor="…

到底何为交互设计
type: item
date: 2025-04-30T16:59:00+08:00
description: {mtitle title="到底何为交互设计"/} {dotted startColor="#ff6c6c" endColor="#73aaff"/}交互设计到底是什么？交互设计师又是什么？和UI有何区别？估计大部分互联网从业者都傻傻分不清这几者之间的关系，甚至可能小伙伴公司里面根本就没有交互设计师这个岗位，下面简单给小伙伴们介绍下交互设计和交互设计师。{collapse}{collapse-item label="文件浏览" open}文件名在线浏览下载《到底何为交互设计》《到底何为交互设计》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/2466906524.pdf" radius="15px" content="下载 "/}《设计中的交互设计》《设计中的交互设计》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/818273114.pdf" radius="15px" content="下载 "/}《转型交互设计师必备能力浅谈》《转型交互设计师必备能力浅谈》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/2356490374.pdf" radius="15px" content="下载 "/}《交互设计基础理论必修课》《交互设计基础理论必修课》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/4078608108.pdf" radius="15px" content="下载 "/}《交互设计理论之防错原则》《交互设计理论之防错原则》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/2827786713.pdf" radius="15px" content="下载 "/}《交互设计理论之米勒定律》《交互设计理论之米勒定律》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/3571451964.pdf" radius="15px" content="下载 "/}《交互设计理论之席克定律》《交互设计理论之席克定律》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/93196895.pdf" radius="15px" content="下载 "/}《交互设计理论之复杂度守恒定律》《交互设计理论之复杂度守恒定律》{abtn color="#73aaff" href="https://weite.ltd/usr/uploads/2025/05/2124388398.pdf" radius="15px" content="下载 "/}{/collapse-item}{/collapse}一、什么是交互设计 交互(interacton)是因为有了“动作”和相应的“反馈”形成了一个回合的交互行为。交互设计就是用户在使用产品中会根据自己的理解对产品进行操作，而系统收到这个动作并对这个动作做出反馈。在整个设计的过程中，交互设计师需要对产品的商业、技术和用户体验进行协调。二、什么是交互设计师 官方对于这个职位的定义如下：交互设计师（InteractionDesign）是指参与完成对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程的设计师，即定义人造物的行为方式的工作者。交互指的是产品与它的使用者之间的互动过程，而交互设计师则是秉承以用户为中心的设计理念，以用户体验度为原则，对交互过程进行研究并开展设计的工作人员。三、交互设计五要素1.人 不同的产品针对的使用人群不同，那么产品的属性也不同。我们可以通过前期的用户调研去研究目标人群的特点，也可以通过产品数据获取用户画像，针对不同类型用户做算法推荐。2.动作 交互设计的设计对象就是人的行为，不同的行为会导致不同的设计方向。最常见的是使用用户旅程地图来对各个阶段的用户行为进行分析，找到用户的痛点与设计的机会点。3.工具或媒介 工具和媒介指的是承载设计的工具，互联网产品的媒介通常是承载其的硬件，手机APP的媒介是手机，电脑应用程序的媒介是电脑。4.目的 用户在使用产品时都有自己的目标，而交互设计就是为了确保用户能够使用产品来完成目标。5.场景 对于场景的描述本质上还是在探索用户在不同情境下的行为。这里引用「…

系统类用户界面设计：UI界面设计10原则
type: item
date: 2025-04-27T16:35:52+08:00
description: {mtitle title="系统类用户界面设计：UI界面设计10原则"/} {dotted startColor="#ff6c6c" endColor="#73aaff"/}设计真正伟大的用户界面没有什么伟大的奥秘可言，做到保持简单易用就可以。‘保持简单易用’意味着不要让用户分心。好的UI让用户达成目标后，相应的培训和维护费用便降低，同时获得更开心、满足和高效率的用户。 设计真正伟大的用户界面没有什么伟大的奥秘可言，做到保持简单易用就可以。‘保持简单易用’意味着不要让用户分心。好的UI让用户达成目标后，相应的培训和维护费用便降低，同时获得更开心、满足和高效率的用户。 当你面对一个全新的界面设计时，别忘了上面的最基本的原则。下面细化介绍界面设计的9个原则：(原来有10个的但是十牌认为可以精简为9个”)1.了解你的用户 “关注用户：如果在关注竞争对手还是用户之间选择，答案总是后者。工作总是首先从用户开始。”——Jeff Bezos 了解用户，因为用户的目标就是你的目标。试着重述用户，了解他们的技能水平和体验，以及什么是他们需要的。找出用户偏好什么样的界面，并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新，或是不断添加新的功能。首要的任务是关注你的用户，这样才能创造出一个能让用户达成目标的界面。2.重视模型 在系统软件中用户的大部分时间都消耗在界面操作中（数据录入、数据修改、数据查阅、等等），这点与浏览为主的网站类页面的用户操作完全不同。我们无需画蛇添足，用户希望在新创造的界面中看到那些、已有的、相似功能的、或遵循基本操作方式的软件界面。所以利用已成惯例的UI模型，将使用户感觉像在家中一样熟悉。3.保持一致性 “用户的期望越多的被正确验证，用户就越觉得系统在自己掌控之中，从而也就更喜爱它（系统）。”——Jakob Nielson 用户需要一致性。操作的一致以及页面风格的一致。用户需要知道一旦他们学会做某项操作，那么下次操作也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解，从而提升效率。4.运用视觉等级 “设计师要从混乱中找到统一；要通过组织来操控文字、图片，从而清晰地传达设计意图。”—— Jeffery Veen 设计时，要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置，它们为理解界面共同指明了道路。清晰的层级关系将对降低外观和操作的复杂性起到重要作用。5.提供反馈 界面要始终保持和用户进行沟通，不管当他/她们的行为对错与否。随时提示用户的行为：状态更改、出现错误或者异常信息等。视觉提示或是简单文字提醒都能告诉用户，他/她们的行为是否能够达到预期的结果。6.界面保持宽容 无论设计的界面多么的清晰明了，用户都会犯错。所以在设计界面时应当考虑如何允许并宽容的对待用户的错误。例如要为用户提供可以撤销行为的方式和入口；对不同的输入数据尽量宽容（没人愿意只是因为填错了生日的格式而重头再来）。另外如果用户的行为引起了一个错误，在恰当的时机运用信息显示什么行为是错误的，并确保他/她们明白如何防止这种错误的再次发生。7.鼓励用户 一旦用户在完成了关键操作,要及时告知用户（弹出对话框等）。 值得注意的是把一个复杂的流程任务分解为若干简单步骤将会更显繁复和让人精力分散。所以无论正在执行的任务有多么复杂和漫长在界面上要保持流程的不间断性。8.融入用户的语言 “如果对每个像素、每个图标、每个字体都要考虑再三，那么同样需要斟酌每个词语。” —— Getting Real 所有的界面或多或少都有文字在上。让文稿尽量口语化，减少华美辞藻的堆砌。为行为提供清晰、简明的标签，保持简朴的文字叙述。用户对此将会很赞赏，因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。9.保持简洁 “创造复杂的界面很简单，但如何将复杂的界面简化却很难”—— Per Almqvist 正所谓：大音希声、大象无形。优秀的系统类软件页面中，你看不到华而不实的UI修饰，更看不到那些用不到的设计元素。换而言之，必须出现的元素一定是简洁且有意义的。所以当想着是否要在界面上加一个新功能或是新元素的时候，再思考一下：“用户或者界面中真的需要这些么？”，“为什么用户想要在这里当这个小巧的动态图标？”。是否只是因为出于自我喜好和页面的漂亮而去添加这些元素？优秀的UI工程师做出来的系统类界面不会十分华丽，页面中没有任何分散用户注意力打搅用户操作的元素。甚至应该达到在用户使用系统的时候完全注意不到页面和操作复杂的问题，一切都应该是顺理成章的。 系统类用户界面设计的最终目的就是：将软件设计成原本就应该展现的那样子。

【产品设计】著作精华分享
type: item
date: 2025-04-25T11:33:00+08:00
description: {mtitle title="【产品设计】著作精华分享"/} {dotted startColor="#ff6c6c" endColor="#73aaff"/}这本书是全国高等院校艺术设计专业“十三五”规划教材，总主编林家阳老师，陈文龙、沈元老师编著，是我们设计专业必学的理论课程之一，书中权威解释了产品设计的定义以及产品设计的历史发展进展，对于产品和设计小伙伴们来说非常有价值，共勉。一、产品设计的基本概念1、什么是产品 产品就是人们使用工具来创造出的物品。 产品设计与工业设计释义 产品设计作为动词:狭义上是指创造新产品、销售给客户的过程。广义上指如何高效推进从设计思路到产品开发和上市的全部流程。—维基百科工业设计是一种战略化的解决问题的过程。它驱动创新，构建商业上的成功，并通过创新性的产品、系统、服务和体验来提供更高品质的生活。—国际工业设计师社群理事会（icsid）工业设计的定义是:以优化产品性能、价值和外观，并提高厂商和顾客共同利益为目的而进行的产品新概念的创立和开发方面的专业服务。—美国工业设计师协会（iDSA）2、什么是产品设计和设计思维 产品设计（ product design）工业设计（industrial design）这两个名词的界限并不明确，有时会被混为一谈，通常，产品设计更注重设计对象本身的物质或非物质（如用户界面、相关服务等）方面的设计，而工业设计则更强调要使设计对象实现所要涉及的各个环节的设计。而这两者的概念都在发展并渐渐融合，从工业、商业的范畴向更多的领域延伸。一般而言，过去我们谈产品设计或工业设计，更强调量产产品物理方面的设计，包括造型、功能、人体工学、CMF（颜色、材料、表面涂装）、结构工艺、环保与回收等方面的设计；现今，产品设计或工业设计不仅包含产品本身以及与制造相关的物质方面的设计，也包含与产品本身相关的服务设计、用户界面设计等非物质性的设计。 设计思维（ Design Thinking）这个概念是哈佛设计学院院长彼得·罗（ Peter Rowe）于1987年首先提出来的，它为设计师和城市规划师提供了一套实用的解决问题的系统依据。1991年大卫·凯利（ David Kelly创立的IDEO公司，以设计思维作为其核心思想并成功实现商业化，该公司是现今全球最大的设计咨询机构之一。 设计思维本质上：以人为中心的创新过程。3、如何进行产品设计 在设计思维的概念下，产品的设计会经历三个大的阶段:分析阶段、概念阶段、实施阶段。其流程通常并不是直线形的，而是包括各种反思、修改、完善和验证的过程。 在分析阶段，是去寻找解决方案的问题或机遇，从现象、问题、挑战中去寻找需要解决的问题。 概念阶段，则是产生、发展和测试创意的过程，是将解决问题具体化、可视化、实物化的过程。 实施阶段，则是将设计的结果推向使用者的过程。 具体来说，面向市场的新产品设计开发一般可以拆解为“问题概念化、概念视觉化、设计商品化”三个步骤。 （1）问题概念化 任何产品在设计前都必须先思考:市场上有哪些没有满足的潜在需求？消费者使用现有产品时有什么抱怨或感觉到什么不方便？新产品希望为消费者解决什么问题？ 然后通过市场调查、竞争者分析、生活形态和流行趋势研究与使用者观察等，经过头脑风暴等方式，并考虑品牌形象和策略，把问题转化为产品概念，形成最后的设计方向。 （2）概念视觉化 概念视觉化可以说是产品设计师的核心任务。设计师必须通过草图、电脑绘图或油土模型等形式，把市场的语言转换成视觉化的形态，将消费者的需求、流行的趋势、设计师的想法、生产条件的限制以及设计需求方的主张，都通过符合美学的形式呈现在产品上。 （3）设计商品化 在产品设计的领域里，不能执行的创意就不能称之为好的设计。所有的产品设计到最后都必须有办法大量生产，并且通过市场的考验，这就是设计商品化的过程。所以设计师除了在结构设计的阶段，还要针对日后的组装与生产进行合理性考虑，还要重视后段的量产整合能力，协助制造商进行后段专业资源开发、生产线调度等，甚至还要参与产品上市计划的讨论。商品产出以后，还要持续关心市场反映，作为检讨和日后改进的参考。能兼顾设计的“品德、品质、品位”，在美学、工业和商业之间形成适当交集的设计，自然会叫好又叫座，也比较容易成为成功的好设计。4、当代产品设计面对的问题（1）持续的流程创新 随着全球经济走向快速响应、高效率及低成本时，众人已将设计的焦点从“要设计什么好产品”转移到“如何设计出好产品”，使得“流程创新”变得与“产品创新”同样重要。随着“设计竞争力”从个别产品设计转向更庞杂的设计策略及流程创新问题时，设计团队搭建平台，与其他团队建立广泛且灵活的伙伴关系，并做好项目管控，变得更为重要。 （2）全球化与本土化 过去“全球化设计”仅指“设计销售于国际市场的产品”，如今则…

UI设计师常见面试题汇总
type: item
date: 2025-04-20T16:23:29+08:00
description: {mtitle title="UI设计师常见面试题汇总"/} {dotted startColor="#ff6c6c" endColor="#73aaff"/}UI设计师和产品等其他岗位相似，都有大量的客观题，面试的套路也基本八九不离十，所以想要面试UI的小伙伴熟悉常见的面试题提前做好准备，这样面试的时候就能够更加的得心应手，从容不迫。当然下面的答案并非最优唯一解，只是给大家提供参考。1.UI和UE最大的区别在哪里 UI即User Interface ，用户界面，业界一般指的是界面视觉设计。 UE即User Experience，用户体验，UE范围最大，不仅仅包含视觉与交互.研究的对象是用户使用这个产品过程中所有的感受，比如听觉视觉触觉嗅觉味觉等等。2. 谈谈你对用户体验的理解？ 用户体验是产品设计的灵魂职位，通过分析用户心理模型与产品功能需求来设计任务流程，运用交互知识搭建产品的核心架构设计出产品原型以最终实现产品的可用、易用与好用。3. Material Design怎么理解的？ 把物理世界的体验带进屏幕。去掉现实中的杂质和随机性，保留其最原始纯净的形态、空间关系、变化与过渡，配合虚拟世界的灵活特性，还原最贴近真实的体验，达到简洁与直观的效果。4. Material Design三大原则 1.运用比喻 鲜明、形象、 2.深思熟虑 3.动效表意5. iOS三大设计原则 清晰---保证界面清晰 指大量留白/颜色简化/系统字体/无边框设计 遵从---设计跟随内容 充分利用全屏/半透明元素暗示背后内容/减少拟物化设计 深度---设计跟随内容 3D Touch/半透明浮层/条目层级/转场层级6.谈谈艺术和设计的区别？ 个人认为设计是艺术的一部分，艺术来源于生活同时又高于生活，艺术是欣赏层次的商业性质没有那么强，但是设计是带有商业目的。7.手持设备中，一般有7种触屏手势，是哪7种？ 轻点，长按，拖曳，快速拖曳，双击，多点触控，双指长按。8.软件图标一共有多少种是比较常见的？ 64 64，32 32，24 24，16 169.图形设计中，什么是比较关键的设计要素？ 色调、风格、界面、窗口、图标、皮肤10.Android的图标设计中，要求图标应该是什么样子的？ 表达含义准确，符合时下流行元素，二维前视图，顶光源，几何外形。11.在Android设计中72，48，36的图标安全范围应该是多少？ 60，40，30 （如果72的图标单位px、那么回答的安全范围就是60px~72px之间）。12.手机的控制按钮，原则上是在什么样的范围内设计？ 在手指的大拇指可控制的范围内设计。13.虚拟键盘的设计，应该是怎么样去设计？ 保留良好的按键间隔，保证手指触点不要出现误操作。14.手机的退出方式，一般情况下会提供2种，是那2种方式？ 一种是完全退出，返回初始界面；一种是一层一层的退出。15.手机的界面应该是怎么样去设计的？ 清晰明了，并且允许用户自己定制界面。16.图标的设计遵循什么样的原则做的设计？ 尽量使用真实世界的比喻，和现实生活相符合的图形和内容。17.手持设备上，色系应该尽量保持多少个色系? 最好保持在5个色系范围内，相似的颜色不做为计算。18.手机界面上，尽量少用哪2种颜色色彩？ 红色和绿色19.Android的初始界面特征是什么？ 一个大图标展示时间。下面有4个小图标。20.手机的提醒模式一般有几种？最新的模式是什么样的设计？ 声音提示，振动提示，声音加振动提示，静音模式。最新的模式是飞行模式。21.界面设计里面的规范字体的所有内容? 宋体，12px，效果无的矢量字体。字间距是0.行间距是自动。22.网页色彩设计的原则? 1.网页色彩要有鲜明性。 2.网页色彩要有独特性。 3.网页色彩要有针对性 4.网页色彩要有相关性。23.简述网站的优势？ 个人网站，可以收集整理资料，展示个性才能，促进人际和社会的了解和沟通，便于娱乐爱好或者事业的铺展。 企业网站，可以展示产品服务，宣传企业形象，促进业务发展，加强客户和消费者沟通，实现网上或网下的赢利收益。 政府有了网站，可以实时政策宣传，政府相关信息，收集整理民意，树立政府权威形象。24.网站设计中应注意的原则？ 1.明确建立网站的目标和用户需求 2.总体设计方案主题鲜明 3.网站的版式设计 4.色彩在网页设计中的作用 5.网页形式与内容相统一25.字体设计追寻的原则？ 1.文字的适合性 2.文字的可识性 3.文字的视觉美感 4.在设计上要富于创造性26.色彩总的应用原则应该是？ 总体协调，局部对比26.说说你是怎么理解UI的？ UI是直观的把产品展示展现在用户面前的东西，是一个产品的脸面。人开始往往是先喜欢上美好的事物后，再去深入探索内在的东西。那么意味着，一个产品的UI首先要做的好看，无论风格是什…