首页

如何提升ui设计能力

资深UI设计者

作者:大啵少女
链接:https://www.zhihu.com/question/454091157/answer/1850120473
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

一、了解自己

1.我有什么优势:第一步一定是了解自己的优势,哪怕是一点技能或见识,要把优势变成更优势,一定要突出自己的优势,掩盖劣势。

2.我想要什么:这就是目标,例如3年内我想成为专家,要升到P8,又或者3年内我要成为管理者。把这些都一一记录下来,逐一去做分析怎样才可以达到目的。

3.我要怎么做:接下来就是要规划自己。短可以计划三五天,长则可以一两年,把自己的计划写下来。然后按着 STAR 原则:Situation(情景),Task(任务),Action(行动),Result (结果)去执行。

二、了解行业趋势同样是设计师,一个在短视频行业,一个在传统行业,最简单的来说,收入差距就可想而知了。比如现在很多大厂已经没有纯 UI 岗位了,你这个时候还义无反顾的深耕纯 UI,那最后就会面临失业的风险。

三、打造个人 IP设计师都是独一无二的,如果要问打造个人 IP 最佳开始时间,就是现在。

这个是很重要的,尤其是在高级岗位以后,你要在细分行业有一定的影响力,他是可以给你简历加很多分的。打造 IP 的行动项有很多,比如定期各大设计网站发表作品集、在信息类网站上发表自己的文章等等… 当然了,这个是需要长期坚持的才有明显收益的。你可以给自己制定一些奖励计划,激励自己坚持输出。或者找一些志同道合的设计师一起互相督促,去找那些比你厉害的人,慢慢超过他们。 行业内深耕,不要蜻蜓点水:有的设计师觉得设计不分行业,只要另外一个行业给的薪资足够,就义无反顾的换行业。这样长期下来,你在每个行业都只是蜻蜓点水,做不到足够深入的了解行业相关知识,很难在一个高级职位上立住脚。只有充分具备了某个行业相关的知识背景,才能胜任更高级的职位,而不只是做一个只懂表面的设计师。四、提升自己

  1. 交互能力:不必多说,交互能力的重要性大家也都知道了。随着行业的发展,现在很多公司的 UI 岗已经不是单纯的 UI 岗了,更多的是一种多元化的职位,交互能力是必不可缺的一种能力。

  2. 眼界:对于设计师来说,眼界决定高度,眼界低是做不出好设计的。想要提升设计能力,首先提高自己的眼界。多看、多看、多看……

  3. 审美能力:这个也是设计师的基本功,你要能看出别人作品的好与坏。练习方法就是多看多思考,多去参加一些设计展。

  4. 视觉表现力:创意、软件技能:作为设计师,视觉表现力是最基础的,也是最重要的。这里我把它分为两个方面:创意和软件技能。创意:设计重在想法和创意,且要不断的通过学习去给自己的大脑输入灵感。让大脑一直处于活跃状态;软件技能:一切的设计实现都要由软件来实现。在自己时间允许的情况下,多学习一些软件技能,现在软件更新非常之快,前些年还用 PS / AI 来做界面呢,现在你还会用吗?

  5. 产品把控力产品:一是对设计方案的设计把控,保证设计效果做到最好;二是对设计进度的把控,按时把控设计方案的上线;三是对实际开发结果的把控,保证上线后的设计还原度最大化。

  6. 沟通演讲能力:设计师有一个好的沟通能力可以让团队更好的运作,提升工作效率。好的演讲能力体现在设计评审的讨论时,能够更好的 hold 场面,让整个沟通更加顺畅。

  7. 管理能力:对内-设计团队的管理、人员的分工、任务分配、发展部门内学习氛围、与团队人员沟通等等;对外-与其他部门的沟通协作、工作衔接,保证整个业务线的工作有条不紊的进行。

  8. 调研能力:调研能力可以考验人的信息搜索、整理、分析的能力。他可以在设计前期找到设计的切入点,在设计中期提供有力的理论观点。同时调研结果也可以作为评判自己产品评分的一个标准。如果没做过设计调研的话,前期可以去看一些大神做的完整的调研报告,分析他们的逻辑、写作手法等,需要多看多分析。

  9. 规范意识:近些年大家对规范意识都有了明显的提升,规范可以提升工作效率以及降低沟通成本,同时也可以避免一些低级错误。如果你在团队中没有团队意识的话,工作就会很吃力。

  10. 学习能力:毕业后,提升能力有两个方面:从项目中学习和自学。从项目中学习:每次做完项目及时做设计复盘,把从项目中学到的知识再熟悉一遍,做好知识沉淀;走过的坑再温习一遍,避免之后再犯;自学:这部分做的好与不好,几年后的差距是非常之大的,每个人的工作时间基本是差不多的,区别大的就是业余时间。最怕的就是比你厉害的人比你还努力。

  11. 知识沉淀:俗话说好记性不如烂笔头。你有没有看到一个好的东西赶紧保存下来的习惯,但是从来也不看?这是大部分人的通病,觉得我保存了就是我学到了。知识沉淀指的是通过自己的整理,不断对项目进行复盘,把自己真正需要的东西保存下来,用的时候可以即时拿出来查阅。找到自己的职业定位,想清楚自己要往哪个方向发展,不断的学习技能点就对了,加油吧,设计人!

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。

让用户输密码的正确姿势!简化密码设计的三个小秘籍

资深UI设计者

让用户输密码的正确姿势!简化密码设计的三个小秘籍

2023-06-28 15:50北京北京兰亭妙微科技有限公司官方帐号

随着互联网的普及和数字化时代的来临,密码的重要性不言而喻。然而,很多人在设计密码时往往面临记忆难题和安全性问题。为了帮助用户设计更简化且安全的密码,本文将介绍三个小秘籍。

一、使用密码管理工具

密码管理工具是一种方便且安全的方式来管理和存储密码。它们通常提供加密的存储空间,可以储存各种账户的用户名和密码。用户只需记住一个主密码,就能够访问和管理所有其他密码。这样,用户可以选择更复杂、更安全的密码,而不必担心记忆的问题。此外,密码管理工具通常还提供自动生成密码的功能,确保密码的随机性和安全性。一些常见的密码管理工具包括LastPass、1Password和Keepass等。

二、使用短语或句子作为密码

传统的密码通常由字符、数字和特殊符号组成,很难记忆且容易被猜测。相比之下,使用短语或句子作为密码可以更容易记住且更安全。选择一个有意义的短语或句子,并将其转化为密码。例如,"ILoveToTravelTheWorld!",这个短语可以转化为密码"Ilv2ttw!"。这样的密码不仅容易记忆,而且由于包含了大小写字母、数字和特殊符号,具备了一定的安全性。

三、使用多因素身份验证

多因素身份验证是一种提高账户安全性的重要方式。除了使用密码外,多因素身份验证要求用户提供第二个验证因素,如手机验证码、指纹识别或硬件安全密钥等。这样,即使密码被泄露,黑客也无法轻易访问账户。许多在线服务提供了多因素身份验证选项,用户应该积极开启并使用这个功能。

综上所述,设计简化且安全的密码并不是一件困难的事情。通过使用密码管理工具、使用短语或句子作为密码以及使用多因素身份验证,用户可以更好地保护自己的账户安全。重要的是,用户应该时刻保持警惕,定期更换密码,并避免在多个账户中使用相同的密码,以确保个人信息的安全。

今日分享这篇文章是蓝蓝设计的原创文章,未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

UI设计的20个原则,明确你的设计思路

资深UI设计者

UI设计的概念侧重在“交互”设计。优秀的UI设计界面,不光是各种元素设计技巧的展现,更重要的是能表现出用户角度的完美“体验感”。

1、明确你的用户群

首先要明确一个方向:谁是你的用户群?不同阶层、不同年龄的用户偏重的主题设定和设计元素都不相同,所以UI设计必须是有针对性地设计。

2、界面要清晰

清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它,让用户知道为什么会使用它。当用户使用时,要能够预料到发生什么,并成功的与之交互,只有清晰的界面能够吸引用户不断地重复使用。

3、交互性

界面的存在,促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。

4、保持用户的注意力

在进行界面设计的时候,能够吸引用户的注意力是很关键的,所以千万不要将你应用的周围设计得乱七八糟分散人的注意力,谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告,那么请在用户阅读完毕之后再显示。尊重用户的注意力,不仅让用户更快乐,而且你的广告效果也会更佳。因此要想设计好的界面,保持用户的注意力是先决条件。

5、让用户掌控界面

人都喜欢对事物完全掌控,而不考虑用户感受的软件往往不会给客户掌控的感觉,迫使用户不得不进入计划外的交互,这会让用户很不舒服。保证界面处在用户的掌控之中,让用户自己决定系统状态,稍加引导,这样会更容易达成目标。

6、每个屏幕需要一个主题

我们设计的每一个画面都应该有单一的主题,这样不仅能够让用户使用到它真正的价值,也使得上手容易,使用起来也更方便,在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题,整个界面看起来会混乱不堪。正如文章应该有一个单一的主题以及强有力的论点,我们的界面设计也应该如此,这也是界面存在的理由。

7、区分动作主次

每个屏幕包含一个主要动作的同时,可以有多个次要动作,但尽量不要让它们喧宾夺主!文章的存在是为了让人们去阅读它,所以在设计界面的时候,尽量减弱次要动作的视觉冲击力,或者在主要动作完成之后再显示出来。

8、自然过渡

界面的交互都是环环相扣的,所以设计时,要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的,并且通过设计将其实现。这就好比我们的日常谈话,要为深入交谈提供话由。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然继续下去的方法,以达成目标。

9、符合用户期望

人总是对符合期望的行为最感舒适,这也是与人打交道的设计应该做到的。在实践中,这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生,如果它看上去像个按钮,那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明,要在更高层次的问题上发挥创造力。

10、强烈的视觉层次感

如果要让屏幕的视觉元素具有清晰的浏览次序,那么应该通过强烈的视觉层次感来实现。也就是说,如果用户每次都按照相同的顺序浏览同样的东西,视觉层次感不明显的话,用户不知道哪里才是目光应当停留的重点,最终只会让用户感到一团糟。在不断变更设计的情况下,很难保持明确的层次关系,因为所有的元素层次关系都是相对的:如果所有的元素都突出显示,最后就相当于没有重点可言。如果要添加一个需要特别突出的元素,为了再次实现明确的视觉层级,设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次,但这是增强设计的最简单的方法。

11、减轻用户的认知压力

恰当地处理视觉元素能够化繁为简,帮助他人更加快速简单地理解你的表达。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负担,他们不必再琢磨元素间的关系,因为你已经表现出来了。不要迫使用户做出分辨,而是设计者用组织表现出来。

12、色彩不能决定一切

物体的色彩会随光线改变而改变。艳阳高照与夕阳西沉时,我们看到的景物会有很大反差。换句话说,色彩很容易被环境改变,因此,设计的时候不要将色彩视为决定性因素。色彩可以醒目,作为引导,但不应该是做区别的唯一元素。在长篇阅读或者长时间面对电脑屏幕的情况下,除了要强调的内容,应采用相对暗淡或柔和的背景色。当然,视读者而定,也可采用明亮的背景色。

13、恰当的展现

每个屏幕只展现必需的内容。如果用户需要作出决定,则展现足够的信息供其选择,他们会到在下一屏找到所需细节。避免过度阐释或把所有一次展现,如果可能,将选择放在下一屏以有步骤地展示信息。这会使你的界面交互更加清晰。

14、“帮助”选项

在理想的用户界面,“帮助”选项是不必要出现的,因为用户界面能够有效地指引用户学习。类似“下一步”实际上就是在上下文情境中内嵌的“帮助”,并且只在用户需要的时候出现在适当的位置,其他时候都是隐藏的。设计者的任务是应该确保用户知道如何使用你提供的界面,让用户在界面中得到指导并学习。

15、引导状态

用户对一个界面的首次体验是非常重要的,而这常常被设计师忽略。为了更好的帮助用户快速适应我们的设计,设计应该处于零状态,也就是什么都没有发生的状态。但这个状态不是一块空白的画布,它应该能够为用户提供方向和指导,以此来帮助用户快速适应设计。在初始状态下的互动过程中会存在一些摩擦,一旦用户了解了各种规则,那将会有很高的机会获得成功。

16、解决看得到的问题

人们总是寻求各种方案去解决已经存在的问题,而不是潜在的或者未来的问题。所以,不要为假设的问题设计界面,我们应该观察现有的行为和设计,解决现存的问题。这确实不是件能够让人兴奋的事情,但却是最有价值的事情,因为一旦你的用户界面愈加完善,会有更多的用户愿意使用你的界面。

17、多涉猎设计之外的知识

视觉、平面设计、排版、文案、信息结构以及可视化,所有的这些知识领域都应该是界面设计应该包含的内容,设计师对这些知识都应该有所涉猎或者比较专长,要从中获取许多值得学习的东西,以此来提高你的工作能力。

18、实用性

在设计领域,界面设计成功的要素就是有用户使用它。虽然精美但用户不会选择使用的设计作品,也就是失败的作品。因此,界面设计不仅仅是设计一个使用环境,还需要是创造一个值得使用的艺术品,它仅仅能够满足其设计者的虚荣心是不够的,首先它必须要实用!

19、检查错误

要尽可能检查和清除程序中的错误和BUG,即便精心地设计了弹窗来做说明。为了更好的用户体验,不要出现让用户惊讶的结果。Beta测试是消减错误的最好方法。

20、简约设计

简约设计不仅仅是一种流行趋势,从用户体验上看,简约的界面可以去掉很多无关的干扰信息,使UI更具易用性。好的UI设计应该具备强大的功能,但是画面要简约,拥挤的界面,不论功能多么强大,都会给用户带来不适感。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。

分享此文一切功德,皆悉回向给文章原作者及众读者.免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

全球最大职业社交网站LINKEDIN!用户体验主管访谈

资深UI设计者

全球最大职业社交网站LINKEDIN!用户体验主管访谈

2023-06-21 09:24北京北京兰亭妙微科技有限公司官方帐号

作为全球最大的职业社交网站,LinkedIn一直致力于提供卓越的用户体验。其成功的关键在于与用户建立了良好的互动关系,并根据用户需求和反馈不断改进产品和服务。在这篇访谈中,我们邀请了LinkedIn的用户体验主管回答有关如何顺应当前市场趋势、创新设计、优化用户体验等问题的详细解答。

问:感觉到社交媒体市场上存在哪些新的趋势?

答:在社交媒体市场中,我们发现一个令人兴奋的趋势是,更多的人开始重视个人品牌并积极参与社交媒体平台来建立自己的专业形象。这也是LinkedIn的一大核心功能,即帮助人们建立专业形象、扩展人脉和探索更丰富的职业机会。此外,移动设备的使用也在持续增长,因此我们需要将移动设备作为设计和开发的首要考虑因素。

问:如何创新设计来满足新的市场需求?

答:创新设计是实现优良用户体验的关键所在。在设计方面,我们需要坚持简洁、易用和可靠的原则,并与用户进行广泛的交流和反馈。我们在设计新功能和产品时,通常会通过一系列的测试、原型验证和问卷调查等来验证人们对其使用情况的反馈,进而优化设计。

另外,在社交媒体市场中,内容的质量也十分重要。我们需要提供优质内容和有价值的信息,以吸引更多的用户。此外,开放平台和API的应用也能够为设计师和开发人员提供更多的机会和工具,从而创新地满足用户不断变化的需求。

问:如何保持和改进LinkedIn的优秀用户体验?

答:为了保持和改进LinkedIn的优秀用户体验,我们需要不断地倾听用户的意见和建议。例如,我们定期进行用户调查和反馈收集,并根据用户反馈不断优化和改进我们的产品和服务。此外,我们还有专门的用户体验团队来负责设计和评估产品的用户界面和用户体验。我们坚持 "用户优先" 的原则,始终将用户需求置于设计和开发的核心位置。

我们还注重用户数据的分析和利用。通过分析和挖掘用户行为数据,我们可以更好地理解用户的使用情况和需求,进而为设计和开发提供指导和方向。此外,我们还将不断探索新的技术和趋势,以保持领先地位。

问:如何应对LinkedIn在全球范围内的不同文化和语言差异?

答:LinkedIn在全球拥有超过7000万的用户,为了满足用户的不同需求,我们需要考虑和应对各种不同的文化和语言差异。为此,我们采用本地化策略,为不同语言和文化背景的用户提供专门定制的界面和服务。例如,在中国市场,我们为用户提供了本地化版本的LinkedIn,包括汉化界面、本土化职业机会和相关文化资讯等。

另外,我们还注重跨文化交流和互动,通过协同团队和全球社区的合作和沟通,同步了解全球各地用户的需求和意见,并根据其反馈进行相应调整和优化。

总之,LinkedIn将始终坚持用户优先、创新设计和不断改进的原则,为用户提供更优秀的职业社交体验,帮助他们更好地建立和管理自己的专业形象,并找到更好的职业机会。

今日分享这篇文章是蓝蓝设计的原创文章,未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

技术与人性的碰撞!给设计师的用户体验设计发展简史

资深UI设计者

技术与人性的碰撞!给设计师的用户体验设计发展简史

2023-06-21 09:19北京北京兰亭妙微科技有限公司官方帐号

背景介绍

在界面设计中,字体的选择和运用是非常重要的一环。合理的字体搭配可以让界面更加美观、易读、易于理解,从而提高用户的使用体验。而不合适的字体搭配则可能造成视觉上的疲劳和不适。因此,在界面设计中,选择合适的字体并进行规范化是非常必要的。

常用字体

2.1 英文字体

在英文界面设计中,常见的字体有Arial、Times New Roman、Verdana、Calibri等。其中,Arial字体是Microsoft Office软件的默认字体之一,它具有清晰明了、易读易懂的特点,适用于各种场合。而Times New Roman字体则常用于正式的文本排版中,例如学术论文、报告等。Verdana字体相比起Arial更加圆润,具有更好的可读性和视觉效果。Calibri则是一种比较新的字体,它具有现代感,同时也非常适合界面设计。

2.2 中文字体

在中文界面设计中,常见的字体有宋体、黑体、微软雅黑、仿宋等。其中,宋体是Windows操作系统的默认字体之一,具有比较好的可读性和兼容性。黑体相比较宋体更加粗壮,适用于强调和突出展示的场合。微软雅黑则是微软公司开发的一款中文设计字体,它简洁清新、易读易懂,非常适合作为界面设计的基础字体。仿宋则具有较高的书法美感,适合于书信、印章等正式场合。

字体规范化

为了使界面设计更加一致和规范,我们需要对字体进行规范化。具体而言,需要从以下几个方面进行规范化:

3.1 字号

字号是指字体的大小,通常使用pt(磅)作为单位。在界面设计中,需要根据不同元素的大小进行选择和调整,以达到界面整体比例协调的效果。一般而言,主标题的字号应该在36pt-48pt之间,副标题的字号应该在24pt-30pt之间,正文的字号应该在12pt-16pt之间。

3.2 行距

行距是指一行文字与下一行文字之间的距离。一般而言,行距的大小应该是字号的1.5倍左右。如果行距太小,会导致文字过于紧密,不利于阅读;而行距过大,则会造成视觉上的浪费,不利于排版美观。

3.3 字体颜色

字体颜色需要根据不同场合、不同元素的特点进行选择。一般而言,主要内容(如标题、正文等)的字体颜色应该是黑色或深灰色,强调内容(如重要提示、链接等)的字体颜色可以是蓝色、红色等。同时,需要注意背景色与字体颜色之间的对比度,以确保字体清晰可读。

3.4 字间距

字间距是指字体中各个字符之间的间距。一般而言,字间距应该适当扩大,以保证单词和句子之间的空隙,增加字体的易读性。但是,字间距过大也会影响排版的美观性,因此需要根据实际情况进行调整。

总结

在界面设计中,字体的选择和规范化是非常重要的一环。根据不同的场合和元素特点进行合理的字体搭配,并进行规范化,可以提高用户的使用体验,让界面更加美观、易读易懂。

今日分享这篇文章是蓝蓝设计的原创文章,未来将会持续在平台上分享关于设计行业的文章。此外蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,添加vx蓝小助ben_lanlan,报下信息,蓝小助会请您入群。同时添加蓝小助我们将会为您提供优秀的设计案例和设计素材等,欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务、UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

UI设计的4个角度14点思考

资深UI设计者

站在不同的角度思考设计,发现设计的新出路。

UI设计3天时间完成~

这个界面不难的,按照我的交互稿上个色就好了~

简单设计一下,马上给我~

再调几个颜色给我选一下~

模块先设计,颜色最后调一下也很快的~


熟悉吧,以上是作为UI设计师的你,几乎每天都能听到的把。拜托,就算是路边打印店,让人家帮你设计个名片,你也会问人家什么时候能做好吧。难不成设计这么好做?要不你行你上?我做不了~

慢着,我做,我做,谁让你给我发钱,给钱就是老大,要做就做吧~

于是出现了以下设计稿

常说设计是一个用户接触产品的第一道门。从应用市场的图标开始到用户下载打开app的启动页,再到用户进入app后看到的首页。难道设计师真的不考虑什么吗?真的按照产品或交互设计稿做吗。从图标在应用市场的吸引力,到用户使用app后的留存率,请问哪一个不是和UI设计师有关系!业绩好,业务好是产品的营销和自然增长率。业务差就是设计不吸引人没有感染力,嗯哼???

在此呼吁广大项目管理者,请给我们的设计师一些思考的时间,一些打磨设计的时间。

好了,废话不多说,进入正题。假设有一天,公司给了你足够的时间设计。你该如何思考?你要怎么不受约束的将自己的产品观融入你的设计中?从现在开始,即使产品给你的设计时间很短,你也要学着思考,学着加入自己的思维,做一个有思想的设计师。做到这一点很难,但是你必须学着这样做,跟我没关系,但对你有益。

1.学着像产品经理一样思考(THINKING LIKE PM)


产品经理是怎么思考的。产品经理是产品的CEO,手握着产品的生杀大权。考虑的会更偏像于产品的核心观。帮助用户解决什么痛点,通过什么方式解决这个痛点,怎么为公司提高赢利、如何提高转化、如何提升留存…当然你并不需要完全知道所有的东西,因为你有你自己的专长(UI设计)。


但是,必须留意的几点就是:(1)用户群体(2)相关竞品(3)主要商业模式


(1)对于用户群体的了解,你能够通过这部分用户群体找到相关的用户画像。这一点很重要(因为从你入职为UI设计师的那天开始,你的设计是帮助公司服务于用户的,并不是为了表达你崇高的艺术涵养的)。通过用户画像,你能找到这部分人的主要特征,这将会有助于你选择设计中使用的颜色、字体大小。

     打个比方来说,总不能为服务于红绿色盲人群设计的产品,UI做出了绿色界面+红色按钮吧?你以为你通过颜色对比突出了按钮,实际…对吧?你可以用颜色来让界面产生差异,单不能仅依赖于颜色提升设计效果,因为并不是每个人都能精确的分辨出各种颜色。

(2)产品的竞品,对于相关竞品的研究,也是目前UI设计师设计过程中常用的一种方法。好处呢当然显而易见,竞品的颜色用取,设计风格…这些都是已经线上经过验证了的。有很多设计师是在看完竞品后恍然大悟,颜色该用啥,按钮用啥色。但这是万万不可取的。这会导致你们的产品没有任何竞争力,上线比人家晚,看着有和人家差不多。怎么打差异化的战?取其优,去其差。思考人家设计师为什么这么做,他们是怎么想的,如果我设计会设计成什么样?

(3)你必须要了解你的商业模式。作为设计师有权知道公司的基本商业模式,这也是考虑在整体设计里程里面。雾里看花管中窥豹,你永远看不到你所设计的产品本质。再打个比方:假设你的产品是通过用户购买相关服务进行盈利的,那么设计前你得思考整个产品其实是需要安全、信任、服务作为设计主旨,其中突出“服务”作为亮点,需要传递给用户一种安全可靠的情感,最终引导消费者完成支付购买。


2.学着像交互设计师一样思考(THINKING LIKE UE)


     用户体验、使用场景、信息优先级、转场、使用习惯…对于交互设计师来说这是多么熟悉的名词。确实,交互设计师考虑更多的是怎么让用户在app上操作的爽了,最符合用户的操作习惯,将产品经理传达下来的商业模式/逻辑变为流程的形式引导用户进行使用。通过数据的分析,不断优化上线后产品的相关体验。

作为设计师的你,怎么像交互设计师一样思考呢?


(1)用户体验=颜色是否和谐。颜色的使用,之前已经说过了,考虑用户群体的基础上,看你颜色的配比是否让人舒适,是否准确的传递出了产品想给用户的那种感觉。产品正式设计前,通常会进行所谓的风格探索阶段。是允许设计师根据提供的用户群体发挥自己的创意进行设计的。当找到那种适合的颜色搭配后,接下去的设计会显得游刃有余。但是目前很多公司都是略过探索这一步的。为追求产品的快速上线,基本都是领导找竞品给颜色,设计师根据这个颜色(衍生色)进行设计。缺乏用色的专业性。



(2)使用场景=颜色使用是否符合用户使用产品时的场景。这个就比较好理解了,产品到底是晚上用的还是白天用的,到底是地铁上用的还是书房里用户。不同的使用场景在设计时也应该考虑在内。例如,晚上使用的产品颜色一定会偏暗一些、白天热闹场所使用的产品一定会是偏简洁、书房使用的产品一定是偏温和…

(3)信息优先级=如何通过设计的方法(大小、位置、形状、颜色、动画)突出产品重点。通过对比、突出等手法,将重要信息直接展示给用户。做到简单直接有效。


(4)转场=如何通过动效的方式便于用户理解逻辑跳转。这一点特别是在相对复杂的产品的时候较为常用,例如层级相对比较深,则会通过转场的引导告知用户从哪来到哪儿去。引领用户使用你的产品,不至于在产品使用过程中迷失。


(5)使用习惯=相关设计规范。用户长时间使用完你的产品后,已养成了使用习惯。知道哪个位置是重要的内容。如果用户已经建立了产品工作原理的心理模型,他们可能会有非常强烈的观点,认为某些东西就应该在某些特定的位置,通常设计师可以利用这一特点来引导用户发现重要功能。

3.学着像用户一样思考(THINKING LIKE UESR)


(1)用户在使用产品的时候,最优考虑的是,这个产品是不是能帮我解决我的问题(赚钱、记账、提醒…),产品的核心功能一定是用户最先考虑的。


(2)你的设计是不是好看,他会考虑说,这个东西怎么看着这么low,是不是公司不正规啊?前文也提到了,每个产品都有自己的目标人群,那么研究这部分目标人群的相关喜好,通过设计的方式将其重现给用户。


(3)这个产品用起来爽不爽,怎么这么卡顿、怎么看起来能点实际不能点、怎么功能这么多都没用、怎么…

当然用户有千千万万,你不可能完全都能像所有用户那样思考,满足大部分用户就可以了。

4.学着像你自己一样思考(THINKING LIKE YOURSELF)


   是否在为产品设计的过程中,已经忘了像自己一样思考了。满脑子都是产品经理想要什么样的,用户想要什么样的。这也会让你丧失自己的思考能力。


(1)学着像自己一样思考,不是说按照自己的喜好来,而是你在设计的过程中是否偏离了自己的设计观。对于明显是错误的设计,你选择接受。


(2)以调研或用户研究结果为准则,完全丧失你自己对这个产品应有的样子的判断。做个半理性半感性的设计师,会让你的设计既符合用户口味,又有自己的韵味。


总结


记住设计产品的人是你,对产品美化体验的是你,如果你的设计和使用不再适用于用户,他们可以毫不留情的转向其他产品,而作为设计师的你不能这么做。用户不知道你的设计是怎么来的是怎么想的,但是你了解这一点。用户不知道你是通过调研或研究得出他们的相关喜好最终选择了这样的设计,但是你很清楚。真正受制于产品设计的人是你,因此要确保它仍是你值得付出,引以为傲的东西。


作者:OTTUI设计
链接:https://www.zcool.com.cn/article/ZNjI3MzQ0.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

英文换成中文就丑了??我不信~

资深UI设计者

每次发英文海报的时候,总会收到留言:“换成中文,就丑了。”难道换成英文真的会变丑?下面来看看把英文更换为中文的修改过程。

作者:周妙妍
链接:https://www.zcool.com.cn/article/ZMTQ3MjUyNA==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加微信ban_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~
希望得到建议咨询、商务合作,也请与我们联系01063334945。 

分享此文一切功德,皆悉回向给文章原作者及众读者. 免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。 

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

标签: ui 界面设计 设计流行趋势 社交APP

移动端UI设计流程和规范-从0到1的设计移动端UI设计工作方式

资深UI设计者


一、获取原型图

从产品经理处获取项目原型图,当获取到原型图后不要盲目的去进行设计,要先分析了解整个项目的功能、特性、用户群体、项目的定位等等,特别是对功能的疑惑处一定要找产品经理沟通,只有做到对项目了熟于胸才能做出优秀的设计。

二、竞品分析

当我们对项目的功能、特性、用户群体、项目的定位都有所了解后,还是不能马上进入设计环节。我们需要先对市面上同类型的产品进行分析和对比,包括设计风格、配色、排版、功能样式等等,了解其优劣势,做到取长补短,思考如何让我们的产品更加的完善,这时候我们的脑海里面基本上对自己要设计的东西已经有了一个大概的雏形。

三、设计UI界面

1、界面设计规范

这篇文章内所有的数值均以2倍图为例,使用1倍图的同学请自行除以2。

现在UI设计通常使用的是全面屏的设计规范,全面屏的设计稿更加美观,且做作品集的时候搭配全面屏样机视觉效果也更加突出。通常只设计一套苹果全面屏的设计稿,不需要另外设计安卓端设计稿,安卓端由安卓工程师自行适配。

界面尺寸:

界面:750px1624px

状态栏:750x88px

导航栏:750x88px

菜单栏:750x98px

指示器:750x68px

左右边距:32px或24px

*其中状态栏和指示器不需要进行额外的设计,是系统默认控件,除颜色外不可改变。



常用图标尺寸:

顶部功能:48x48px



底部菜单栏(有文字):48x48px



底部菜单栏(无文字):64x64px




文字:

尺寸:36px、32px、28px、24px



颜色:正常(#333333)、辅助(#999999)、未输入提示(#CCCCCC)



*利用文字尺寸对比和颜色对比可以得到不错的效果。也可以给文字颜色添加少量的蓝色,让颜色不那么呆板。

2、组件控件系统

组建控件系统可以让我们的设计稿更加的规范,也便于修改,可以极大的提高我们的工作效率。

所有的图标都需要做成控件,方便我们切图。然后就是会重复使用的状态栏、导航栏、菜单栏、指示器、列表、弹框、按钮等控件。

除了我们常用的控件以外,颜色、投影等特殊效果、文字大小都可以保存样式,把项目的配色、特殊效果、文字尺寸都保存下来,不同的设计工具有不同的保存方式,大家可以根据自己使用的设计工具进行设置。



3、设计风格

我们需要让项目保持一个统一的设计风格,让项目更加的整体、统一、协调。不同的风格有不同的优势,选对与项目属性相符的设计风格可以让项目更加的出彩。

传统UI风格:

这种风格没找到合适的名称,我个人一般叫它传统风格。这种设计风格使用分割线分割小的模块,用背景色块分割大的模块,特别适合列表信息。虽然给人感觉没有特别强烈的设计感,但简单实用、朴实无华,层级划分清晰明了。



卡片式风格:

卡片式风格是借用现实世界中卡片的特征和概念,将一个模块或同类型元素放到一个卡片容器类,可以增加内容的独立性,让模块划分关系变得非常的清晰,是现在非常常用的一种设计方式。

常用做法是采用浅灰的背景+白色卡片的方式,卡片都带有一定的圆角,类似于将扑克牌一张张的放在桌子上,桌面是灰色背景,每一张扑克牌就是一个卡片。也不排除暗夜模式的卡片式设计,背景会更暗一些,卡片略亮。




大标题去线段化:

在传统UI风格的基础上去除背景色块和分割线,单以间距来区分模块和元素,对亲密性的应用有较高的要求。有时候单以间距来区分模块和元素时,可能会导致模块层级不分明,所以会使用将标题加大的形式,让模块与模块之间的区分更加明显。因为去除了分割线,留白就更多,会显得界面更加的干净、清爽。



新拟态设计风格:

新拟态是19年底在追波开始出现的一种设计风格,特点是使用统一的光源做出立体的浮雕效果,元素有厚度但没有纹理和材质的轻拟物风。

常规做法是假设一个统一的左上方光源,给元素分别添加一个左上角和右下角的投影,左上角(被光源照射的一侧)投影使用亮色,右下角投影使用暗色,让元素可以浮起来。而在按下或选中状态时则使用两个内阴影,左上角暗色右下角亮色让元素凹下去。需要注意的是界面模块和背景色一般是同一个颜色,所以颜色不能使用纯白或纯黑,否则有一侧的投影就会看不见,通常是使用蓝灰色或深灰色背景。

新拟态风格视觉效果新颖、柔和,对比度低,看得久了会产生一定的视觉疲劳,研发成本也较高,所以现在更多的还是处于概念稿,实际项目中应用较少。可以作为一种练习或部分功能的使用。





四、交付

1、切图

设计稿完成之后我们需要将图标等元素切图导出交付给开发,IOS和安卓需要根据要求导出不同倍数的png格式切图文件。


切图套数

IOS:现在通常是输出2套,以@2x、@3X为后缀,也就是2倍图、3倍图;

Android:现在通常是输出3套,xhdpi(超清,对应IOS的2倍图)、xxhdpi(超超清,对应IOS的3倍图)、xxxhdpi(超超超清),安卓切图不需要将倍数加到切图命名内,而是每种尺寸单独建立一个文件夹。




输出格式

png:最常用的切图文件格式,背景无底透明,所以在导出切图文件时需要先去掉背景色(figma将画板填充色隐藏,sketch画板不要勾选“包含于导出项”);


svg:矢量切图,需要背景无底透明,部分网页端项目可能需要svg格式的切图文件;


bmp:部分硬件机器的项目需要使用的图片格式,需要注意的是bmp无法实现背景透明,如果背景是透明的会自动带上白色,需要切图文件把背景带上一起切,而且figma和sketch等UI设计软件无法直接导出bmp格式,需要先导出为png或jpg格式,再使用ps或其他工具转换一次。


切图命名

只能使用英文、下滑线、数字进行命名,不要使用中文和特殊字符。命名方式一般是类别_位置_功能_状态(有些切图没有多种状态则不需要添加状态命名)。

以苹果端举例:如底部菜单栏的首页图标命名则是ico_bottom_home_nor@2x(图标_底部_首页_未选中状态)和ico_bottom_home_sel@2x(图标_底部_首页_选中状态)。



顶部的搜索图标没有多个状态,命名是ico_nav_search@2x(图标_顶部_搜索)。



类别一般只有3种:图标(icon)、图片(image)、按钮(button),我们通常会简写为ico、img、btn。




状态一般只有4种:正常(normal)、按下(press)选中(selected)、禁用(disabled),我们通常会简写为nor、pre、sel、dis。pc端会多一种状态:悬停(hover)。




sketch和figma等UI设计软件可以同时导出多个尺寸的切图文件和前缀/后缀,所以我们只需要设置图标本身的命名如ico_bottom_home_sel,而不需要每个切图都去手动的添加IOS后缀的@2x和@3X,以及安卓的前缀xhdpi等,在导出设置中设置好每个尺寸的文件夹名称和后缀,再统一导出即可。




切图输出

软件内部导出:现在的UI设计软件Sketch、Figma、Mstergo等都可以直接导出切图文件,只需要设置好相应的倍数和前缀、后缀,就可以快速的导出切图文件;


上传第三方:最常用的就是将设计文件上传至蓝湖,研发人员可以在蓝湖上下载自己需要的切图文件,但在上传蓝湖之前需要把设计稿中需要切图的元素设置为切片。


2、标注

和切图文件一起交付给开发的还有设计稿的标注文件,让研发人员可以清楚地知道界面内元素的颜色、尺寸、对齐方式、距离、透明度,文字的字体、字号、行高等。


输出到蓝湖

很多设计文件都可以安装蓝湖插件,再通过插件将设计稿导出到蓝湖,研发人员就可以便捷的查看界面的标注。


软件内部标注

Figma、Mastergo等在线设计软件都可以切换为开发者模式,只需要将研发人员邀请到自己的设计文件所在团队内,研发人就可以查看到界面的标注;


插件导出

有部分公司有一定的保密措施,会禁止设计师使用第三方平台或是联网操作,这种情况设计也无法使用Figma、Mastergo等在线设计软件,只能使用Sketch等客户端,输出标注就需要使用相应的插件,Sketch可以使用Sketch Measure导出HTML格式的标注文件。


五、上线

在项目上线的阶段UI设计需要辅助研发提供上线应用商店需要的项目预览图、启动LOGO,也需要设计补充出APP的启动页、闪屏页等。


1、项目预览页

上线应用商店需要的预览图,通常是使用项目中比较有特色的几个UI界面加以设计。


2、启动LOGO

上线应用商店必须提供的LOGO,手机中启动APP的入口,但不同的应用商店有不同的尺寸,华为、苹果、小米、三星、应用宝等所需要的启动LOGO都有所不同,所以输出多个尺寸。以苹果App Store为例,需要以下尺寸:




3、启动页、引导页

启动页和引导页一般是和UI界面一起设计,不过需要项目上线后才会有其价值,所以可以先设计完项目的界面,在研发开发的过程中再去设计启动页和引导页,只要在项目上线前提供给研发就可以。


六、持续跟进和优化

当一个项目上线后,只能代表我们的现阶段的工作已经全部完成。每个项目上线后都会收集用户反馈,根据用户反馈的信息优化功能和界面设计,通过持续不断的优化、迭代让我们的产品越来越好,这个过程中也需要我们UI设计不断的去进行调整和优化。


作者:Mu姜子
链接:https://www.zcool.com.cn/article/ZMTQxMDY1Ng==.html
来源:站酷
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。



蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档