这个叫做太阳花的logo，一经面世就引起了社会强烈关注，除了传说中的设计费用打破历史纪录以外，该设计方案也确实让人眼前一亮，完全颠覆了英国石油以往的logo。

该花朵采用对称构图，从里到外一共分三层，颜色从白色到黄色再到绿色，呈现出绽放的姿态，寓意生机勃勃，永不凋落。这个诞生于2000年的logo，至今看来依然时尚、美丽。

二、索爱logo

2001年索尼与爱立信联姻，于是诞生了索尼爱立信这个品牌，新的logo也在这个时候应运而生，该logo一反主流的扁平风，采用了立体的渐变风，在当时可谓是独树一帜，十分惊艳，从logo上我们就能感受到强烈的动感和科技感。当时的设计需求中有两个两个关键点：“流动的形象”和“另一个自我”，流动的形象是指logo本身要具有强烈的动感，让人感觉它是活的；另一个自我指的是要有个性，这两点都在这个logo上得到了体现。

三、墨尔本城市会徽

墨尔本是澳大利亚的第二大城市，该logo以墨尔本的英文Melbourne的首字母“M”为原型，图形内众多几何色块相比穿插，配合从蓝色到绿色的渐变色，展现了该城市活力、新潮、多元、现代化、重视生态的城市形象。

该logo的延展图形也很惊艳，展现了该logo极高的延展性。

四、美国航空logo

该logo更新于2013年，在过往形象的基础上做了重大突破，图形由老鹰、品牌首字母A、飞机尾翼，以及星星组成，颜色来源美国国旗中的红、白、蓝，倾斜的尾翼图形极具动感和速度感，简单而明了，又没有盲目跟风扁平化，渐变以及立体效果并没有让该logo显得老气，反而增添了一份品质感。

▲ 美国航空过往logo形象

五、beats耳机logo

该品牌以售卖耳机为主，所以在logo设计上，设计师采用品牌首字母“b”与红色圆形结合，得到一个类似人在戴着耳机听音乐的图形，简单而直接，让人一看就懂且印象深刻，其中字母b的下半部分被抽象地处理成一个正圆，与外面的大圆形成同心圆关系，所以在视觉上非常和谐、美观。

六、北京申奥标志

该个logo由知名设计师陈绍华设计，图形为采用具有中国特色的书法笔刷组合成打太极的人形，而且笔刷刚好为五笔，分别使用奥运五环的颜色，代表奥运，该logo把动感和中国文化展现得淋漓尽致，且简单、独特，一经面世，好评如潮，最终也为北京成功申奥贡献了一份力量。

七、广州亚运会标志

该logo由设计师张强设计，图形由广州极具代表性的建筑：五羊雕像与火炬结合而成，五羊雕像的灵感则来源于古老的五羊传说，象征着丰收、福瑞，以及广州人民知恩图报、勤俭朴实的品质，火炬象征着奥运以及热情，最下边的四个色块形似跑道，象征着运动和竞技 。

八、杭州G20峰会logo

该logo的图形部分为一座拱桥与水中倒影组合在一起的形态，桥是杭州很有代表性的元素，同时也象征了开放、包容、沟通和连接。桥的图形是由20根同等粗细的线条组成，体现了参会的20个国家地位平等。另外，该logo在形式和排版上也是个性鲜明，logo的轮廓比较狭长，文字叠加在图形上，使其融为一体，而不是像大多数logo那样把文字与图形完全区分开。整个logo从形式到配色都给人一种典雅、现代的感觉，广受大家的喜爱。

九、蔚来汽车logo

蔚来是一家智能电动车企业，该logo的设计理念为：blue  sky coming，图形设计上主要呈现了三个元素：上面的弧形代表天空，象征着未来、开放与目标；下面的箭头图形代表路面，象征着前进与行动，地面与天空的交界处是地平线，象征着无尽的远方。整个logo图形在一个正圆的基础上设计，简单而美观，细节的雕琢也十分到位，个人觉得是国产汽车品牌logo设计中少有的亮眼之作。

十、广州城市会徽

该logo由曹雪设计，logo的外形为广州新时代的标志建筑：广州塔。该图形由左边的弧形色块和右边的弧形线条叠加组合而成，二者刚好又是广州二字，同时我们在该logo中还能看到帆船和飞鸟的影子，寓意广州海纳百川、生机勃勃，整个logo的形态给人一种现代、时尚、优雅的感觉，该logo一经公布，引起了广泛关注，也收获了众多好

评。

当然，21世纪优秀的logo还有非常多，但要说比较知名且好评较多的，我对这10个logo的印象比较深，纵观这些logo设计，我们不难发现，他们几乎都具备这么几个特点：简单、独特、调性与品牌和行业吻合、符合时代审美等。知名品牌的logo设计具有非常的框架，设计师所面临的压力也是巨大的，能够有如此出品和口碑属实不易。

作者：黑马青年

转载请注明：学UI网》2022 UI 设计作品集

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

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

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

像情窦初开的你。

渐变的粉色是成长的开始，

折痕的肌理是爱情到来时内心的波澜。

爱心做出半透明的玻璃模糊质感，

尘封已久的内心已怦然心动。

紫色是浪漫，

像奔赴热恋的你。

当我们一起仰望星空，

不小心碰到你的手时，我感受到你的心跳。

当我们一起仰望星空，这一次我想走进的你的心扉，

建立属于我们的桥梁，在你内心的最深处直到永远。

红色是挚爱，

像真诚而付出的你。

醒目的红色真诚而又直接，

我们的心也将靠的更近。

模糊的爱心肌理是

我们试探彼此距离的那点小心机。

看似朦胧实则清晰的情感在这一刻印记在我们心中。

蓝色是冷静，

像理想到现实的你

红色的爱心旋涡久久不能离去，陷入的太深，

无法自拔，找不到自己的方向。

直到看清现实的你，慢慢的像沙漏一样，

选择和自己过去的他和解。

当这些色彩融合在一起时，就出现了爱情最真实的滋味，

朦胧又梦幻，真实而脆弱。

只有理解色彩给予的感受，

朦胧又梦幻，真实而脆弱。

做出来的设计就才会有真实的情感体会。

作者：修先森

转载请注明：学UI网》色彩的感知

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

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

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

1、CTA按钮

号召性按钮(CTA)是界面中的交互元素，用来执行特定的操作，例如联系我们、订阅信息、购买产品或加入购物车等。

CTA按钮作为执行重要操作的按钮，在设计上应该更醒目，能让用户快速分辨出来。

2、文字按钮

文字按钮是以可点击的文字作为按钮，文字底部没有图形背景。文字按钮的操作面积小，突出程度低，多用于不太重要的操作。

3、下拉按钮

在有的网站导航栏中，单击选项会出现下拉列表，展示更多二级选项，方便用户可以查看并选择更多的操作。

4、描边按钮

描边按钮是背景透明效果的按钮，用于辅助操作。当界面中有多个按钮时，使用描边按钮有助于划分视觉层次结构，高优先级的按钮使用填充效果，辅助按钮使用描边按钮。

5\汉堡按钮

汉堡按钮隐藏在菜单栏中，当我们点击时，菜单将展开并显示所有的选项。汉堡按钮广泛应用于web和移动应用中。

6、悬浮按钮

悬浮按钮(FAB)位于界面的最高层级，优先级高，通常为圆形，在界面中执行最常见的操作。

FAB按钮常用于创建新项目或者发表内容等操作，FAB的位置应确保按钮具有较高的可访问性和可视性。在有的产品中，点击FAB会出现更多的操作，将常用的操作聚集到一个按钮中。

二、有效的按钮设计实践

1、让按钮看起来可点击

当用户与界面交互时，他们应该快速明白什么是可点击，什么是不可点击的。作为设计师，我们不会希望用户花很长的时间来理解他们看到的元素，因为用户花的时间越长，产品的可用性就越差。

为了确保用户能够明确知道按钮是否可点击，我们可以使用用户熟悉的按钮样式，例如方形边框的填充按钮、圆角填充按钮、带有阴影的填充按钮、描边按钮等。

其中最为常见和熟悉的设计是带阴影的彩色填充按钮，当用户看到这样的按钮时，他们会立刻明白这是一个可点击的按钮。

2、考虑按钮在界面中的位置

按钮的位置很重要。作为设计师，我们不希望用户花时间寻找按钮，而是应该将按钮放在用户期望的位置上，方便用户去操作。

对于按钮在界面中的位置，首先要了解F型和Z型的浏览模式。

F型浏览模式

在F型模式中，用户通过水平移动的方式读取界面上方的内容，构成F的顶部栏。然后用户向下移动页面，再次水平移动，再以垂直移动的方式浏览左侧的内容，形成F型的主干。当界面中有大量数据时，通常会遵循这样的浏览模式。

Z型浏览模式

Z型浏览模式模仿了人眼阅读的路径——从左到右，从上到下。

用户首先从左上角到右上角扫描，形成Z的顶部条。然后向左下角扫描，最后再向右看，形成Z型的浏览动线。

3、标注按钮的作用

按钮应该始终有清晰的注释，展示点击时将执行的操作。过于通用或者模糊的注释可能会让用户感到困惑。

4、正确调整按钮大小

按钮的大小代表了元素优先级的高级。尺寸较大的按钮表示更重要的操作。

当在一个界面中存在多个操作按钮时，为了让最重要的按钮看起来更突出，可以考虑让这个按钮比其他按钮的尺寸更大，并且利用颜色和对比，让这个最重要的按钮更吸引视线。

5、始终提供反馈

每当用户点击按钮时，他们期望界面能有提示或者反馈。在激活按钮时，按钮应该改变状态，给用户一个反馈，便于用户知道点击按钮发生了什么。

最后

以上总结了设计中按钮的6种类型以及5种改进按钮设计的方法，希望通过这些内容能让大家对按钮设计更重视，对已了解的按钮设计知识查缺补漏！

慢慢来比较快，如觉得有帮助，

作者： Clippp

转载请注明：学UI网》如何改进UI中的按钮设计，试试这5个方法！

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

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

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

虽然作品集包装也很重要，可以对我们的作品输出进行扬长避短，起到非常好的衬托作用。但是面试官考核的不只是包装而已，作品本身的能力至关重要，喧宾夺主也容易适得其反。

我们不能过度局限于作品包装，而忽略作品自身的修炼，需要投入时间精力细化每一个界面，确保它们都是自己正常专业水平之上的输出。所以说提到作品集很多设计师总是纠结于不知道怎么开始，以为难倒自己的是包装，其实先把单个的界面优化好就是第一步。要让自己的每一个界面都经得起考验，而不是凑数量，这样包装才能锦上添花。

二、老作品新用场过于偷懒

遇到过很多设计师在制作作品集时，往年的作品直接拿来凑数，导致作品呈现质量参差不齐。在职场 1-3 年的时间段，项目作品数量有限实属正常，往年的作品包装到作品集中也是没问题的，只是老作品新用场不能过于偷懒。

设计趋势和大众的审美观念都是在发生变化的，前几年的作品也许在当时觉得还不错，但是时过境迁之后不一定入得了当下的审美标准。针对老作品我们需要结合当下的设计趋势和审美标准进行评估，如果这个作品连自己都打动不了，想要打动面试官那是很难的。我们要结合新的趋势和规范进行二次梳理，重新优化调整每一个界面，确保它们都是符合当下设计标准的，然后再结合作品集新的规范重新包装，这样才能保持整体作品集的质量。

想要更好的结果就不要偷懒，此时的应付换来的就是行业的抛弃，多一点行动多一分设想。

三、追赶样机趋势却忽略规范

在包装作品集的过程中，相信大家都会经常使用样机模型，以此来真实的还原作品呈现。随着样机设备的不断更新交替，样机模型也是经常变化，保持最新样机模型也能提高作品集的趋势感。

大家都知道追赶样机趋势，但是却不调整作品的规范，导致作品的组件规范和样机的不匹配。看似觉得无伤大雅，实则对于讲究细节的面试官来说，会认为这是你的专业态度问题。如果连设计规范都不能把控好，也不注重设计细节，那么如何相信你的专业能力呢！

追赶样机趋势是毋庸置疑的，不过也要结合样机模型的组件趋势，老作品要结合新趋势重新调整，不要忽略这些细节的表现。

四、作品不可缺少反复自查

在优化单个界面的时候，不要忽略细节的校对，特别是不要出现低级错误。比如图文不搭、错别字、信息表达出错、元素替代遗漏、流程不通、信息逻辑不对等等，不要在看似简单的细节上面出错，反复自查是不可缺少的环节。

特别是对于自己 0-1 参与的项目，一定要对每个环节都比较熟悉，不能只是停留在视觉表层。检查自己设计上面的问题，也要复盘全案设计的思路，这样面试官在考核的时候才会应对自如。如果细节都容易被忽略，设计态度的体现将会大打折扣，也容易让人觉得你做事比较马虎。

五、工作输出单一而不去改变

如果在规模比较小的企业，我们的项目容易比较单一，就会导致作品输出也比较单一。如果公司对于设计质量的要求比较低，我们也沉淀不出什么像样的作品，求职就会变得非常被动。工作输出单一如果还不去改变，久而久之便会影响专业能力，职场路径也会变得局限性很大。

对于 UI 设计师来说，无论是 C 端还是 Ｂ 端都属于我们技能掌握的范围，而不能根据短期内的行业走势锁定自己的职场路径。在工作中没有机会发挥多维度设计时，我们要在日常强化中去弥补，不能让自己的技能变得越来越收缩。不要为自己作品输出单一而找借口，结合公司业务转化、前公司业务优化、熟悉产品改版设计等，都可以以此来强化缺失的技能。

机遇是自己去创造的，只有能做好了才能抓住机会，没有机会去发挥专业能力，就要主动去挖掘。

六、信息重复导致样式化

项目界面作为技术对接和作品展示输出，这两种情况下我们不能偷懒的采用一个态度。站在项目对接的角度来说，信息图文都可以只是占位符，交代清楚样式特征即可。哪怕全部采用一样的文案信息和配图都没关系，甚至配图用色块来替代都可以，只要下游对接的同事能判断出来就好。

站在作品集输出的角度来说，不能以此形式来表达，这样带来的感官体验肯定是有所欠缺的。样式化的表达不能体现出作品的真实感，包装出来的效果也会大打折扣，我们要真实还原每一个界面中的信息表达。无论是文案还是配图来说，都要选择更加真实的内容，不能以占位符的心态去输出作品。

不同的版块信息要以不同的文案和配图来填充，就算是数据和日期等内容也不要都一模一样，做好细节才能带来更多机遇。

七、人靠衣装配图是金装

作品展示的角度来说，一些设计师容易忽略界面中的配图，随便找一些图片填充设计，导致自己的作品总是少了一些质量。配图就如同人的衣着打扮，人靠衣装配图就是作品的金装。如果配图自身不够高端大气，作品自然也是高端不起来的。

在保障配图与信息表达真实性的前提下，我们要尽量选择质量更高的配图，以此来带动作品的格调。不过我们也要养成版权意识，尽量去免费可商用的图库网站筛选图片，可以找黑马哥领取网站合集。既然耗费了时间输出作品，就不要在配图这个环节马虎，高质量的配图也能带动作品的质量，带给面试官更好的感官体验。

八、作品输出缺少视觉感营造

随着行业发展的成熟，各阶段的人才储备也会变得更多，求职的时候面试官的选择性就会更多了。当面试官收到的作品集很多的时候，就需要经过多次筛选来提高选择效率。通过学历、工作经验、岗位匹配度、作品集和面试发挥等来筛选，而作品集也会经历海选、初选、精选等。

影响作品集筛选的因素很多，在海选和初选的时候，如果作品集很多的情况下，作品带来的视觉第一眼就变得很重要了。如果单个界面本身只是简单的布局层面表达，缺少一些视觉感的营造，极容易在海选的时候被忽略掉。这样就算你设计说明描述的很好，产品思维也比较成熟，但是面试官没有看到或者没有仔细阅读那些长篇大论，也是徒劳无功。

提高作品的视觉表现力可以从配色开始，色感的表达可以让作品充满视觉亮点；也可以精致化图标设计，质感图标的表达可以带动界面的视觉感；还可以从 IP 设计或者品牌基因等元素的融入入手，以此丰富界面设计的视觉表现力。营造视觉感的方向很多，不能局限于常规的布局，摆脱同质化需要从差异化的视觉表现力开始。

九、作品本身的差异化不可缺

同类型的设计看久了终归还是会麻木的，在相似功能的设计表达上面，如果同质化比较严重，面试官也会觉得你缺少创新能力。不要只是把焦点放在作品集包装层面，作品本身的差异化也是至关重要的。

差异化的体现可以是交互形式上面的创新，摆脱常规的功能表达，破局才能打破固化思维。也可以是立足于品牌的基础上进行设计，提取品牌元素运用到产品设计的场景中，这是拉开差异化较为明显的方向。还可以运用一些新的技术或者趋势化表达，比如三维设计运用到 UI 场景中，插画风格衍生到图标和视觉区域等场景中，交互动效带来界面动态化表达等等。

在设计每一个界面的时候，如果都只是普通的展示功能而已，这样的设计是打动不了面试官的，因为随便来个设计师都可以做出来。每个设计作品都是体现自己专业能力的表达，我们需要的不是完成需求，而是如何突破常规，做出不一样的设计。

十、不局限于界面而是思路

工作项目中我们需要完成所有的状态表达，但是作为面试作品来说，不需要展示全部内容，重要的是整个项目设计的思路。就展示界面来说选择主界面、重要业务流程界面、强视觉感界面、创新交互表达界面等。作品集是众多项目的缩影呈现，都去展示不但篇幅不够，也容易让有亮点的设计被埋没。

在设计作品集的时候首先要明确项目展示的流程和思路，比如项目背景、用户调研、交互设计、品牌设计、UI 设计等等（仅作为大概示意）。把这个流程里面需要重点展示的界面设计好，这样才能快速的优化项目。也不需要把一个界面的所有内容都呈现出来，输出一条特别长的界面，到时候包装的时候不利于展示发挥。

整个作品集呈现出来的思路比较重要，通过作品集要体现出你所具备的能力，如果你会插画但是没有在项目设计中体现出来也是无效的。通过作品集告诉面试官你具备哪些解决问题的能力，而不是单纯的界面设计而已，我们在职场中存在的价值就是辅助团队解决设计问题。

小结

在这个形势严峻的招聘环境中，作品集无疑是我们最有利的能力保障，无论你面试技巧再完美，作品不行也是徒有其表。作品集的好坏不限于作品包装本身，作品自身的设计表现力也是至关重要的，不要偷懒也不要滥竽充数，你付出了多少努力面试官一眼就判断出来了。

希望本文的梳理可以带给大家一点经验，多花时间在作品上面，用心打磨每一个元素和深思每一个设计表现场景。

作者：黑马青年

转载请注明：学UI网》作品本身不足，与包装无关

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

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

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

第一组：以手机或手机组合为主的样机素材。

第二组：相对来说组合形式更多样化，视觉感受上更有张力一些。

很明显这两组样机的形式更加新颖，结合之前发的样机素材，用来包装、展示作品完全足够了。

不过需要强调一下，我们能用到的样机素材大致分为两类，即：平面样机和3D样机。 

这篇文章中的样机属于平面类的，所以使用起来很方便：打开素材后找到需要替换的屏幕内容智能对象图层，双击点进去替换图片保存即可。

但今天分享的这些样机属于3D样机素材，其使用方法略有不同：

1、打开样机源文件后，找到需要替换贴图的3D图层：

2、双击纹理下的Chante This 或 Click This图层，打开新窗口

3、在打开的新窗口中置入自己需要的图片，调整好尺寸保存，返回到源文件窗口即可看到替换后的效果。

比如像我这样简单的使用就可以：

另外还有一点，PS版本太低或者电脑配置过低可能无法使用，比如我常用的2015版PS就不能使用，打开后就是这样的：

好了，关于使用方法和注意事项就说这么多了，其他的大家下载之后多摸索摸索，最起码需要用的时候知道怎么用。

作者：老张

转载请注明：学UI网》哇，这些样机素材太好用了！！

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

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

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

很多人都说设计这个物种是只看图片，不看文字的，这一点我并不认同。因为设计师对于文字的解构能力，真的在作品中一对比就可以高下立判。比如你们看研习设推文和作品中，所有关于文字的排版，是不是都是对文字内容进行了重新编排，这是设计师必须具备的一种能力。

看不懂文案这种类型的设计师，遇到文字的排版，全部照单复制，甚至连信息内容、标点符号、字体备注都不看。

☝ 提供的文案信息

☝ 设计完成稿

这样的成果交付，会让一名设计师显得特别不专业，即便你的软件技术很强，也会让你的工作伙伴不想再与你合作。

 

这也是看不懂文案的一种体现，文案小清新，设计非要配个重口味的画面；文案是小桥流水人家，你非要来个大漠孤烟，长河落日；你明明是个乖巧俊俏小娇娘，他就给你来个膀大腰圆黑李逵。 

☝ 提供的文案信息

   

☝ 设计完成稿 

成熟的设计师是应该能够在不同的设计风格里切换自如的，并且知道在什么情况下应该运用什么风格。对于一些约定俗成的风格文化，有些设计师却并不了解，模仿着去做一些设计，最后变得不伦不类。

拿近些年比较流行的国潮风来说，很多人大肆吹捧，似乎万事万物都可以用国潮重新做一遍，不管是什么产品经过这么一改，就变得与潮流接近了。 

你去搜索国潮设计的图片，大约会有82000多个搜索结果。经过实践证明，真正被消费者记住的会有几个？国潮设计美则美矣，但是要考虑到产品的品类，消费习惯，购买场景。

 

常识是存在于实践当中的一种“潜规则”，不同的行业就有着不一样的“潜规则”存在。设计师在承揽不同商业设计的过程中，就会接触到各种各样的客户和产品，因为对行业的不了解而缺乏相关的常识。我曾经见过一些设计师，在他的职业生涯中，很少有过去现场看看自己作品实际效果的经历。

常识是存在于实践当中的一种“潜规则”，不同的行业就有着不一样的“潜规则”存在。设计师在承揽不同商业设计的过程中，就会接触到各种各样的客户和产品，因为对行业的不了解而缺乏相关的常识。我曾经见过一些设计师，在他的职业生涯中，很少有过去现场看看自己作品实际效果的经历。

设计师做设计不考虑应用场景，无异于纸上谈兵。

上图是一款墨镜的车体宣传视觉，设计师没有预先考虑到车体造型的复杂性，导致模特的脸部被裁切掉了一部分。

 

你一定听过甲方提这样的要求，要把自己的产品形象设计的有文化。

 

作为设计师，当你遇到一个品牌的形象设计的时候，一定是要挖掘相关历史和文化的，但是有多少方案是先出来视觉，然后再编造一些看起来有文化的文案，生拉硬扯强通逻辑的？这里不举反例，相信参与过这样项目的同学自然会感同身受。

我在研习设的公众号后台中和B站的视频下面看到出现频次比较高的评论有两种。

同时在学员的反馈中也发现最集中的问题大多出现在，跟着教程学习和练习，感觉自己理解了，也会做案例了，但是一到实际工作中遇到现实的项目，感觉又做不出来，无法应用。这个和“眼睛看会了，手学废了”其实是一回事，让我们来一一拆解问题。 

 

因为你没有用框架思维来梳理知识点。每篇教程的内容集中的知识点会有几个，甚至很多文章用了大量的案例，为大家阐述设计的内核。如果你连一个案例的底层逻辑都没有理解，那么就算你看100个案例，不懂还是不懂。这样的结果一方面说明你的学习方法有问题，另一方面也可能是你的主观意愿出了问题。

以研习设公众号在9月8日发的推文《5个方法帮助你提升图片高级感》举例，我们把文章的内容用框架来展示，你就能很清晰的知道这篇文章在讲些什么。

 

关于主观意愿这个问题，我想表达的是，很多人都没有搞清楚自己学习究竟要收获的是什么，大多数人在接收信息的时候，都会出现注意力偏差，也可以叫做关注点偏移。

看文章点赞评论，参与互动是一个好习惯，也是对作者最大的支持，但是对于个人学习来说，更应该去思考我们接收到的信息和知识，要如何高效的吸收和转化。否则我们看再多的教程和文章，也是过眼云烟，无法变成自己的储备。这是一个很重要的问题，或许我这篇文章也会躺在收藏夹里，变成一堆吃灰的代码，但是这个问题依然是切切实实阻碍很多人进步的一个关键。

 

因为，这就是人性使然。人自然而然的会对自己感兴趣的事情更关注，而很多原理、方法、道理，本质上是枯燥而简单的。所以，很多人学习都喜欢流于表面，只求一知半解，不愿意去深究，你当然也可以将这些都归结到人性上面来宽慰自己。

学习其实是一件有点违背人性的事情，如果目标不清晰，目的不明确，很难把它当成是一件有意思的事情坚持下去，所以多问一问自己为什么而学习，你的关注点就一定不会出现太大的偏差。

 

 

这个问题，和之前那个问题，是有一些连带关系的，也存在着注意力偏差的问题。眼睛学会了，是因为你看到了文章中，老师一步一步操作的过程，按照这个过程，你做同样的一个画面设计，自然而然就感觉学会了，可是换一个画面，换一个主题，你还会灵活运用么？于是手废了，你发现生搬硬套不灵了。

究其原因也有两点 

这个问题很好解决，只要你把注意力多放在去理解操作背后的思考逻辑上，很容易就可以转变这种状态。这么说不是让你不重视操作，操作当然也重要，但是你要在理解了为什么这么做的前提下，去思考操作步骤。另外多练，也是提升理解和熟练的不二法门。

 

这个问题就有点棘手了，知识储备量不足不能迅速解决，只能说平时缺少积累。在我们过去有限的2/30年的时间里，你所经历的和获得的文化知识，可以从两个层面去分析，一个是量的积累，一个是质的转变。

 

 

量的积累，是需要时间的，比如说你要有大量的阅读，不管是纸质书还是电子文档都可以。有些人对文字阅读的速度比较快，可以在几个小时消化一本几十万字的书，而有的人可能需要几天的时间，这就涉及到了一个效率的问题。

好在这件事情从什么时候开始都不晚，把你刷小视频的时间缩减一些，用于有目的性的阅读积累，可能几天，几个月不会有大的提升，但是如果你能坚持下来，几年之后就一定会有一个天翻地覆的变化。

质的转变讲究的是方法，同样也有效率的问题，我记得量变引起质变这个理论，是高二政治中学过的内容，大家应该都知道。说的就是量变一定是会引起质变的，只不过不同的人，因为方法和效率的不同，每个人质变的时间会有早晚而已。当你积累到一定的量的时候，效率也是会有所提升的。

 

 

 

分享大家一个方法，就是做读书笔记。笔记的形式就可以参考前面我们对于那篇推文的拆解方式，通读之后进行框架拆解，自己做一遍这样的事情，你的知识就有了归类和整理，方便你随时提取。

 作者：金池

转载请注明：学UI网》设计师如何不花钱学习？

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

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

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

底部标签栏可以是纯图标样式，或者图标与文本标签搭配的样式。

选中的标签需要有不同的视觉风格，可以使用按钮、文字、圆点等样式来表示选中效果，帮助用户一目了然地定位当前导航。

在Apple iOS底部标签栏中，标签栏的宽为390px，高为49px。

常规标签栏的图标大小为25x25px，紧凑型的标签栏图标为18x18px。

 二、标签栏设计6个注意事项

1、导航数量不超过5个

底部标签栏最适合放置3-5个导航选项。移动端屏幕相对较小，使用五个以上的选项会让导航挤在一起，并影响可用性。

另外导航选项太多，手指的触摸面积(红色圆圈)会比触摸目标(导航选项)的面积大很多，用户有可能会意外触发错误的选项。

设计解析：

① 如果选项很少，只有两或三个时，可以考虑使用分段控件的设计样式，将分段控件放在页面上方作为导航。

② 如果选项很多，超过五个时，我们需要评估这些导航的优先级，筛选出最重要的导航。如果必须要保留五个以上的导航选项，可以考虑使用类似汉堡菜单这样的控件。

2、不要使用不熟悉的图标

底部标签栏是用户使用频率非常高的导航之一，这就需要确保目标受众应该对标签栏中的图标非常清晰，避免让用户产生疑惑。

3、图标/文字的颜色不能太浅

图标的颜色对比度差、导航标签的字体小是在底部标签栏设计中两个最常见问题。

在底部栏设计过程中，我们不仅要区分已选标签和未选标签的状态，保证已选标签更突出，还要注意观察图标与文字之间、图标与背景之间的颜色对比度，确保未选状态的图标和文字也能够清晰易读。

4、不要设计可滑动的标签栏

可滑动的标签栏会对导航可见性产生影响，由于并非所有的导航选项都是一次可见，用户可能很容易错过后面的选项。

另外，当用户左右滑动标签栏时，前面已选的标签可能会消失，影响使用体验。

5、不要截断标签

底部标签栏的空间本身就很小，因此在导航中使用文字时，每个字符都显得很重要。

不要截断标签，这样会造成用户不清楚标签的含义，可以尝试使用更简练的文字来清楚地传达选项含义。

6、不要使用太复杂的切换动画

花哨复杂的切换动画对于初次使用的用户来说可能看起来很酷，但是一旦用户熟悉了产品并频繁使用导航时，这些复杂的切换动画就会变得很烦人。

这些切换动画虽然看起来很复杂，但却没有为产品或用户带来任何有用的价值或信息，因此这些动画就会变成一种负担，让用户感到沮丧。

作者： Clippp

转载请注明：学UI网》APP底部标签栏设计需要注意哪些问题？我总结了这6点

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

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

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

一、评审会的目标

中后台B端产品「设计改版」通常是在保持现有业务逻辑不变的情况下，针对界面交互及视觉风格存在的问题，提出的升级优化方案。设计评审的目标也比较明确，可以分为「直接目标」和「间接目标」。

1、直接目标

• 获得评审人员的建议，明确后续的修改方向；
• 争取获得向更高层汇报的机会，得到认可后推进落地；

2、间接目标

• 通过专业的设计输出，增强设计的正向影响；
• 良好的评审互动，展现个人能力，为自己后续工作加分；

达成这些目标并不容易。设计评审跟做产品是一个道理，需要能够向用户（评审人员）提供有价值（针对用户需求）的产品（设计方案），这样用户才会买单（过审）。

所以除了做好设计方案，设计师还要思考评审人员的角色、关切点，并且充分论证设计方案的合理性后，才能让评审人员接受设计方案。

二、评审会的影响因素

1、评审人员的专业性

之前文章中也提到过，设计评审有设计团队内审和项目组外审。「设计改版」归属于大版本迭代，影响范围更大，评审人员也更加复杂。

外审的时候，设计师主要面对的是业务方、产品经理、技术人员等非专业人员。在C端产品日常需求中，业务方会进行大量的竞品分析，虽然没专业设计能力，但是对设计会有比较深入的思考。设计师可以根据现场情况，部分内容一带而过，但是要做好充分的准备，应对来自评审人员的质疑。

在中后台B端产品中，业务方和产品经理主要精力集中在功能设计上，对设计工作关注度有限。他们对界面风格的流行趋势、评判标准、交互方法等，没有清晰的概念和明确的认知。面对这样的评审人员，需要在设计方案讲解时格外用心。

如果设计师一上来就抛出设计方案，最终的结果很可能是评审人员难以做出设计决策，方案也不容易获得认可。

2、评审内容的不同

我们在做具体需求设计时，评审人员会围绕具体的操作流程，用户场景、设计细节展开，在统一的规范框架下，页面设计不会产生太大的评审问题。

而设计侧主动发起的“设计改版“，更偏向于抽象、主观的视觉层面。每个人看到设计方案的感受可能大相径庭。设计师在评审时，要将偏主观感受的设计风格，转化为客观形象的设计过程，让设计方案能够水到渠成地展示给评审人员，其实还是需要下一番功夫思考的。

否则评审人员会充满各种疑问，比如设计师讲到颜色升级，评审人员不理解”为什么主题色要从深蓝变成亮蓝”，或者”为什么头部区域从浅色变为了深色”。B端产品缺少了前期的设计分析和研究，这样的细微调整，在非专业人员看来根本没有什么意义。

3、评审人员的关切点

设计师很多时候更偏向于执行层面，视角相对局限，更加追求完美的设计方案。而上层则会综合考虑产品发展阶段、人力资源、工作的优先级等因素，做出最终的设计迭代决策。因此了解上层的期望至关重要，可以保证更高的设计通过率。

如果设计师有新的设计思考，可以推出多个设计方案，给上层带来新的思路和思考。多方案并行时，要保持一定的梯度和差异化，要有一定的方向性的差别。既要能够满足上层的关切点，又可以体现设计师的个人能力。简单换个颜色很难打动评审人员。

评审人员更注重设计方案能否解决现有的问题，因此设计不能只是设计师个人的自由发挥，而是有效地解决产品问题，这才是设计方案的真正价值。

如果设计方案只是停留在设计师认知的角度，会导致方案无法过审，或者评审人员无法做出设计决策。

三、评审会的常见问题

评审会常见的问题包括以下几项：

1、缺少设计分析

有些设计师喜欢直奔主题，打开设计图直接汇报。评审人员要么看不懂、不理解，要么觉得不符合自己的想法，会提出各种质疑。设计分析可以不作为重头戏，但是必须要有，否则设计方案就会缺乏足够的说服力。

2、缺少设计目标

设计目标看似比较虚，我个人认为作用还是比较大的。一方面可以控制和牵引设计方案保持正确的方向，另一方面可以辅助评审人员理解设计师的想法。

因为评审人员没有专业的设计表述方法，通常是“科技感”、“简洁”、“热闹”、“氛围”、“高大上”等等的抽象概念。设计目标也是诸如此类、高度概括的词语，容易引起评审人员的共鸣。

3、方案缺少设计梯度

越高层级的评审，讨论内容越是侧重设计方向。设计细节通常是执行层面讨论确定的。因此并行的几套方案，如果一眼看上去差异不大，设计的价值必然会打折扣。虽然B端产品很难有颠覆式的表现层创新，但设计方案不能只是停留在设计细节的差异。

设计方案体现出一定的差异化，有利于评审人员作出设计决策，或者选定设计方向。

4、缺少有效的设计协同

虽然大的改版升级需要调动多名设计师共同完成，最终还是要形成统一的汇报框架。这时需要有明确的组织者，站在更高的视角进行设计协同，比如设计方向的讨论，统一汇报文档的结构，表达逻辑等等。

5、讲解逻辑不清晰

方案讲解时，需要能够让评审人员听懂并接纳，因此如何呈现给评审人员至关重要。否则东一榔头、西一棒槌的，评审人员可能听得云里雾里的。

四、评审文档内容

设计方案固然重要，但是需要一定的评审策略将方案有效地传递给评审人员，避免设计评审成为设计师的「自嗨」。

根据“双钻模型”，设计过程包含了发现期、定义期、发展期、交付期4个环节。用户调研、产品分析、竞品分析对后期的方案设计有着非常重要的影响，因此完整的评审文档必须要包含前期的分析研究内容。

1、发现期

改版不是对原有设计的完全颠覆，而是针对性地优化升级。设计师首先要明确“现有版本存在什么问题”，为设计改版提供足够的铺垫和支撑，也可以为设计改版指明方向。

另外中后台B端产品，视觉层面上大同小异。评审人员设计决策时，会考虑投入产出比。因此从现有问题出发，更容易获得评审人员的认可。

一般可以从内、外两个视角发现问题。

• 设计师视角——内部定位问题

设计师可以采用启发式评估完成一轮设计走查，定位现有版本的设计问题。通常这些问题都比较具体，需要将问题进行适当的归类总结，作为后续的改版方向。

对于侧重于交互的改版升级，还可以引入用户反馈发现更多问题，也更有说服力。不过对于视觉类的升级，B端产品视觉风格虽然重要，但并非用户核心关切点，用户反馈可能会带有明显的个人喜好，并不具有广泛的代表性，因此要审慎地对待用户反馈信息。

• 行业视角——外部发展趋势

除了现有版本的问题分析，还要站在行业视角，对同类型的产品进一步分析，总结机会点、设计趋势等。另外评审人员可能对行业竞品或者同类产品会有先入为主的印象，因此需要用更广泛的竞品分析，去引导评审人员的认知。

2、定义期

在发现期，我们发现了各种各样的问题，但是由于设计资源、产品发展的阶段、设计排期等限制，这些问题可能无法一次性解决。因此在定义期，需要对问题收敛、聚焦，关注最核心的问题，形成相应的结论，在此基础上提出设计目标。

以上两个部分，在完整的评审过程中是必不可少的。对于比较复杂或者重要的设计项目，如果设计洞察内容比较多，融入在一次评审中，会导致评审内容过多，会议效率低下。可以根据项目节奏，将设计研究作为专题单元单独汇报。

五、评审会讲解技巧

评审会是设计过程的高度浓缩，3～5天甚至更长的设计周期，设计师有大量的设计调研、分析、思考。想要在1～2个小时的评审会上传递给评审人员，需要有一定的评审技巧。

1、归纳总结

在评审过程中，评审人员很难一时消化密集的研究信息，因此将零碎、分散的问题提炼为结论性洞察是很有必要的。可以让评审人员快速获得关键信息。

如果是视觉风格评审，最后还需要将方案汇总展示，方便评审人员对比查看。

2、结论优先

一份完整的设计评审文档可能会有几十页，完整的阐述所有内容，评审人员可能没有完整的时间、耐心听取报告。可以将设计洞察的结论优先展示给评审人员，快速切入到设计方案环节，详细的分析内容作为附加信息，根据需要进行讲解。既可以保证设计流程的完整性，又能够提高评审效率。

3、逻辑设定

我个人认为方案讲解可以遵循2个逻辑：问题导向和设计导向。

• 问题导向

就是根据前期的设计洞察，逐个讲解优化方案。这种逻辑比较有针对性，但是设计方案的整体性会被削弱。这种逻辑更适合问题比较清晰，并且没有产品框架优化的项目需求。

• 设计导向

立足于设计方案本身，从大到小逐步细化讲解，将问题点的优化融入在设计方案讲解中。这种讲解方案更适合于比较大的系统级的改版设计。

具体的讲解逻辑可以根据项目情况自由选择。

设计评审会的细节还有很多，例如会议的组织、评审纪要等。今天就不一一展开了。

以上就是我的一些思考，欢迎大家评论区留言交流～

作者：子牧先生

转载请注明：学UI网》设计师能力建设（4）：设计评审会

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

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

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