设计思维

作品本身不足,与包装无关

seo达人

 一、不局限于作品包装本身

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

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

图片

 

 

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

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

图片

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

图片

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

 

 

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

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

图片

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

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

图片

 

 

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

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

图片

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

 

 

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

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

图片

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

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

图片

 

 

六、信息重复导致样式化

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

图片

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

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

图片

 

 

七、人靠衣装配图是金装

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

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

图片

 

 

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

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

图片

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

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

图片

 

 

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

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

图片

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

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

图片

 

 

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

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

图片

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

图片

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

图片

 

 

小结

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

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

 


作者:黑马青年

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

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


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


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



哇,这些样机素材太好用了!!

seo达人

咕噜噜


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

图片

图片

图片

图片

图片

 
 

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

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

图片

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

不过需要强调一下,我们能用到的样机素材大致分为两类,即:平面样机和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咨询、用户体验公司、软件界面设计公司



设计师如何不花钱学习?

seo达人


 

图片
图片

图片

图片

图片
图片

图片

图片

图片

图片

图片
图片

图片

图片

图片

图片
图片
图片

图片

图片

 

 

图片

图片

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

图片

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

图片

☝ 提供的文案信息

图片

☝ 设计完成稿

曾经我就遇到过这样的设计师,软件操作特别溜,别人出1张海报的时间他能做3张,但是每次出品的海报,不是少复制了文字,就是主副标题区分不清等等各种问题。最离谱的,还有把文案备注的文字也给放到画面上。文案备注标题(要用红色),竟然也全盘复制。 

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

图片

 

 

图片
 

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

图片

☝ 提供的文案信息

图片   

☝ 设计完成稿 

例如上图,文案是想体现去露营的愉快心情,但是搭配的图片及颜色却显得过于落寞。

 

 

图片

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

图片

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

 

好像只要把祥云、印章、脸谱、宫殿、青花、中国红等等元素堆砌起来,你的作品就真的有传统文化了。事实却是很多品牌的调性并不符合传统文化的风格,而且在不了解历史背景和文化属性的前提下,真的会闹出来很多笑话。
图片

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

图片 
 

 

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

 

 

图片

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

图片

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

图片

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

图片
你去百度搜索“百岁山喝不到最后一口”,就会看到很多人对于这个设计发表的不同观点。

 

 

图片
 

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

 

图片

 

图片

 
 

 

 

图片

 

图片
 

只要你在这个行业里待久了,一定会遇到各种各样神奇的要求。有这样的需求就会催生相应的乙方,于是编造品牌故事,不管有没有用给你做一套IP、VIS,妄想这样就能解决企业的生存困境。

 

 

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

 

 

图片

 

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

图片

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

 
 
图片 

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

 

图片

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

图片
图片
你看,在手机上显示50多分屏的内容,除去图片占用的空间,文字内容不超过1600字。从中我们可以提取出这么多的知识点。
图片

 

图片

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

图片

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

图片

 

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

图片
同样听一节课程,不同人收获的信息量也一定是不同的。我们在给学员上课的时候,发现大多数人更容易被一些题外话吸引,明显会对一些与课程无关的话题更感兴趣。这些事情可以理解,但它们都会分散我们本就不多的注意力。当然,学习的趣味性培养同样很重要,没有人可以一直保持专注,这个度的掌握是很关键的。

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

 

 

图片 
 

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

图片

究其原因也有两点 

 

 
图片

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

图片

 

图片

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

 

 

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

图片

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

图片

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

 

 

 

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


 作者:金池

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

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


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


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




APP底部标签栏设计需要注意哪些问题?我总结了这6点

seo达人

一、标签栏样式分析

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

图片

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

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

图片

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

在iOS的底部标签栏中,文字使用的字体为10px,中等粗细。 

 

 

 二、标签栏设计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咨询、用户体验公司、软件界面设计公司



设计师能力建设(4):设计评审会

seo达人


图片

 

 

一、评审会的目标

中后台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咨询、用户体验公司、软件界面设计公司



“企业微信”的20年:腾讯是如何连接人和企业?

seo达人


一、2001年:RTX——企业内部的IM工具

图片

QQ用户数的激增,给腾讯带来了巨大的服务器维护成本

QQ自1999年问世后,用户量快速增长,到了2001年,注册用户数突破2000万。而当时腾讯并没有为QQ找到合适的商业模式,QQ用户很多,但是不知道怎么赚钱。

2000年11月,腾讯推出了“QQ俱乐部”的会员服务,QQ用户一个月只要缴纳10元会费,就能享受QQ靓号、网络收藏夹和好友列表保存等增值服务。这是腾讯乃至中国互联网史上第一个“氪金”业务,自此腾讯走上了可耻但有用的“氪金”之路。

图片

可是腾讯第一个“氪金”业务并没有成功,半年内只有3000个用户成为会员。因为彼时在线支付工具还没有像今天一样成熟,用户需要去邮局转账给腾讯。即使用户真的很喜欢这个功能,谁又会专门跑一趟邮局呢?

既然向个人用户直接收费有困难,腾讯就只能向企业用户收费了。

那么腾讯可以给企业用户提供什么付费服务呢?当然还是老本行,即时通讯工具。

腾讯于2001年开始研发一款企业内部IM产品,这款产品叫做Business QQ,后改名成RXT(腾讯通)。

图片

RTX相较于QQ最本质的提升总结起来就是两方面——更安全,更易管理。RTX服务器部署在企业内部,不用担心信息外泄。由企业开通账号供员工在公司局域网内使用,所以RTX没有跟个人QQ打通,用RTX只能跟同事沟通。

RTX账号所有权在公司,公司可以根据你的岗位职能给你开通相应的权限,也可以对员工会话记录进行存档和查询,方便管理。

从这里我们可以看出很多现在企业微信的功能,例如邀请制、会话存档、权限管控等,都可以追溯到20年前的RTX。目前RTX的官网依然支持访问,只是在官网首页增加了一个企业微信的链接。到后面我们可以发现,将接力棒交给企业微信的产品远不止RTX。

图片

RTX后面还集成了一部分OA功能,但是整体定位还是企业内部的IM工具,其目标是可以为企业节省通信和出差费用,提升企业的信息化程度。

可是RTX存在一个弊端 ——只能在局域网内跟同事沟通,没有跟个人QQ进行打通。 

 

 

二、2007年:企业QQ——在线客服+营销平台

当时企业要跟个人QQ进行打通主要是基于两方面诉求:

 

1 在线客服:传统电话客服是一对一的服务模式,客服一次性只能服务一个客户,缺乏弹性。客户来电多的时候,客服忙不过来,会漏接客户电话;客户来电少的时候,客服就会很闲,造成企业人力资源浪费。而如果支持客户通过QQ直接跟客服沟通,那么客服同时可以承接多个客户,客服团队的服务与管理效率得到了提升。

 

2 营销平台:海量的QQ用户对于企业来说是宝贵的客户资源,如果支持企业直接对QQ用户进行触达。相较于地推、纸媒、电销等传统营销模式,使用QQ对客户进行营销触达具有客群精准、成本低廉、互动感强等优势。

图片

基于企业这两方面诉求,腾讯于2007年上线了企业QQ客户管理系统。企业只要提交材料完成审核,就可以获得一个专属企业QQ号。个人QQ用户可以搜索企业QQ号跟企业进行直接沟通,企业QQ支持消息群发触达用户。

图片 

此外企业QQ跟个人QQ一样,还有一个「企业空间」功能。「企业空间」是企业的轻量级门户网站和BBS。企业可以在空间内发布企业简介、最新信息、产品研发状况等,这个功能形态有点类似于后来的微信公众号。

当时腾讯对于企业QQ的愿景是改变企业与用户之间的沟通方式,打造企业在线精准营销的新平台。如果说RTX的定位是企业内部IM,那么企业QQ的定位就是在线客服+营销平台。

 

 

三、2012——14年:公众号——包打一切

前面我们主要梳理了PC互联网时代,腾讯做的两款企业端通信工具。而在移动互联网时代,腾讯通过微信巩固了自己在个人社交领域的霸主地位后,却没有选择做一款类似RTX的企业内部通信产品。

原因很简单,因为腾讯认为微信完全可以满足企业端的通信诉求。

 

首先在移动互联网时代,企业内部即时通讯成了一个伪需求。为什么PC互联网时代要单独开发RTX才能满足企业内部的沟通诉求?为什么不能直接用个人QQ呢?其实主要就是两个原因:

 

1、安全:QQ盗号频发,使用QQ当作企业沟通软件,如果被盗号会带来信息泄露风险;

2、管理:QQ用户印象为三低——低龄、低学历和低收入。上班时间挂QQ,无法存档查询你的聊天记录,不知道你是聊工作还是跟朋友在吹水,管理难度大;

 

首先从安全层面,随着网络安全技术的发展,微信号很难被盗,所以安全性对于广大中小企业来说完全够用。

再看管理层面,软件运行载体从电脑变成了手机,你无法知道员工手机上打开的是哪款app。移动互联网时代,企业是无法阻止员工划水的,除非上班时间上交手机。既然无法管理,那就干脆别管了。

所以对于腾讯来说,微信完全可以充当企业内部IM工具。在这个大前提下,企业其他的一些诉求,腾讯谋求通过在微信内新增「插件」来满足,这个「插件」就是微信公众号。

 

我们常说的微信公众号其实可以细分为三类:订阅号、服务号和企业号。

 

1、订阅号:

2012年,微信公众号上线,赋予了企业直接触达C端用户的能力。有了公众号,商家节省了两方面的成本。第一是短信推送费,商家开始通过公众号给用户推送信息。第二是门户网站搭建费,在公众号之前,用户要想在网上找到企业相关信息,企业需要自己搭建门户网站。而有了公众号之后,任何一个小企业都能开通一个公众号,在公众号放企业相关信息。

图片

自公众号问世后,路边广告牌上网址和电话号码不见了,取而代之的是公众号二维码。

 

2、服务号:

2013年,微信将公众号拆分成订阅号和服务号。如果说订阅号的定位是连接人与内容,那么服务号的定位就是连接人与服务。服务号为企业开放了很多接口,例如获取用户位置信息、模版消息、微信支付等,方便企业进行定制化开发。

服务号更像是各个企业在微信内部开发的一款轻量化app,用户享受企业的服务,不一定非要去下载安装app,在服务号里也能实现。从这方面来看,服务号的定位跟后来的小程序很类似。

 

3、企业号

2014年,微信在公众号原来订阅号和服务号的基础上,新增企业号。企业号的定位是企业员工在微信端的移动办公平台。

图片

为了方便大家理解,以我们出去吃饭举例。如果这家餐厅开通的是订阅号,那么我们可以看到这家餐厅推送的活动资讯,比如,今天是七夕,情侣来店里吃饭可以免费领取两份冰激凌。如果这家餐厅开通的是服务号,我们除了可以看到活动资讯,还可以在服务号里完成在线排队、点餐和付款功能。如果这家餐厅开通了企业号,那么这家餐厅的员工可以在企业号发起冰激凌采购流程。

总体上来说,腾讯把企业的相关诉求都集成在公众号里来实现。公众号似乎可以完美的连接人与企业,可是结果真的是这样的吗?

 

 

四、2014年:钉钉——在线办公室

2011年,微信横空出世,为腾讯在移动互联网时代抢下一个无可替代的流量入口。为了对标微信,阿里于2013年推出了来往。可是因为来往与微信在功能上过于相似,缺乏差异化,留存用户很少。到了2014年春节,来往在数据上颓势尽显。

阿里开始转变思路,既然在个人社交赛道,已经无法超越微信,那么不如换一条赛道——企业社交。

可企业社交这个命题作文到底应该怎么写呢?

当阿里团队去电商企业进行需求调研时,就像前面提到的一样,发现企业即时通讯成了一个伪需求。因为这些企业都是集中办公,有事吼一声就行了。就算距离远一点,用微信也行啊。

 

但是阿里团队还是收集到了两条很有用的建议:

1.工作和生活信息太繁杂,沟通工具总是在QQ、微信、邮件、电话和短信中切换,希望有一个统一的工作平台;

2.阿里巴巴能不能将内部的高效企业管理系统简化后,免费提供给中国中小型企业用,提高中小型企业的管理水平。

 

此刻阿里团队明白企业社交这篇文章破题点不在于即时通讯,而在于“企业协同办公”。 

图片

2014年底,钉钉发布测试版,从办公场景开始切入,其产品定位为广大中小企业提供高效协同办公工具。

现在对于钉钉来说,有一个好消息和一个坏消息——好消息是钉钉的定位找的很准;坏消息是微信的企业号瞄准的也是办公协同场景。

虽然企业号在办公协同赛道早早卡位,但是这款产品并没有在腾讯内部受到重视。企业号只是微信公众号体系下的一个子分类,在微信中的属于配角中的配角。

2015年,钉钉开始狂奔,基本上每两周都会迭代一个版本。阿里更是投下5亿元开始铺天盖地的市场推广,马云更是亲自为钉钉站台。而企业号依附于微信生态,在产品的迭代上需要遵循微信大框架。针对钉钉在市场上的动作没有采取任何反制措施,放任钉钉野蛮生长。

图片

钉钉把广告打到腾讯总部楼下

2016年4月,腾讯意识到钉钉的威胁,才开始发布独立的企业微信APP,而此时钉钉已成规模。“上班用钉钉,下班用微信”,阿里在社交赛道上终于找到了跟微信的差异化定位。

除了企业协同办公,另一个使钉钉爆发式增长的场景就是在线教育。2019年,钉钉宣称要服务1000万家组织,到了2020年8月,这个数字改成了1500万。这个新增的500万主要来自于疫情期间,在线教育和在线办公需求暴增带来的增量。

 

 

五、企业微信——私域流量运营工具

2016年4月,企业微信发布后,其定位跟钉钉过于类似且功能相对简单,所以一直难以杀出重围。到了2019年,经过3年的追赶,企业微信和钉钉的差距反而越来越大。截止当年底,钉钉的入驻企业达到了1000万家,而企业微信只有250万家。

图片

眼看追赶钉钉无望,企微微信3.0版本祭出一个大招——打通企业微信和个人微信,用个人微信的关系链为企业微信进行供血。

 

企业微信如果定位为公司内部的一个沟通工具的话,我认为它的场景和意义会小很多,只有当它延伸到企业外部的时候它会产生更大的价值。企业微信后续新的变化是基于一个新的理念——希望让每一个企业员工都成为企业服务的窗口。人就是服务,而且是认证的服务。——张小龙2019年微信公开课节选

 

如果说3.0版本之前,企业微信走的路是跟钉钉一样的企业内部协同办公。那么3.0版本之后,企业微信要走的路就是帮助企业更高效的触达C端用户。用企业微信官方的话来说,就是“要成为国内最大的B2B2C数字化连接器”。

这是钉钉和其他竞品走不了的路,钉钉可以一直在协同办公领域深耕,但却只能在2B的圈子里打转。企业微信可以轻易的实现2C,因为她拥有一个对C端用户触达最垂直、最深入的“母体应用”——微信。

张小龙“人即服务”的产品理念是用户可以通过微信直接找到给自己提供服务或者产品的人。可是对于企业来说,这句话也可以反过来理解——让能提供服务或者产品的人主动去触达需要服务的对象。 

从这点上来说,企业微信的定位很像之前的企业QQ和微信公众号,都是企业私域流量运营的利器。

图片

自此与个人微信打通后,企业微信入驻企业数连续两年实现翻倍增长。到2021年底,企业微信上的真实企业与组织数超1000万,比2019年底增加了750万家企业。这新增的750万家企业,有多少是抱着“服务客户”的心态,又有多少是抱着“收割流量”的心态,我们不得而知。

但是从历史上来看,历代私域流量运营工具都不可避免与灰产和微商产生联系,企业微信能否跳脱这个历史周期律,我们拭目以待。


作者:王M争

转载请注明:学UI网》“企业微信”的20年:腾讯是如何连接人和企业?

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


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


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



为什么总感觉我的设计比较土?终于明白了!

seo达人


一、借用大师的元素

这是世界三大平面设计之一冈特·兰堡的作品。

这是不是会给你一些灵感?我第一眼感觉这有点熟悉,似乎在别人的作品中运用过这种版式、元素。

图片

在这设计中,与冈特·兰堡的作品相似之处就有:黄底黑字的横条和蓝色调的背景,再结合一些设计图形,就能产生出一种新颖的设计风格。

就是在大师的视觉中提取元素灵感进行转化,运用在我们的设计中会有不一样的视觉体验。

我们接着看他的其他作品。

图片

这张作品就能给我很不错的灵感,把想要突出的地方用强烈的对比手法进行设计。或者将想要突出的元素进行特殊化处理。

类似于这样的作品。

图片

当灵感有限的时候,我们就可以静下心来分析一下其他大师的作品,认真观察大师的作品,有哪些地方是可以提取灵感出来。

再结合自己的设计让其提高升华,让自己的作品耳目一新,使作品获得新生。

保持这种发掘思维去分析作品,久而久之你就会有源源不断的灵感浮现脑海里。

 

 

二、尝试做出差异化

你走你的阳关道,我过我的独木桥,反其道而行,虽然在国内市场不太友好,但是尝试一下走独木桥的感觉,是否会带给你不一样的反馈。

图片

特立独行的视觉,做出差异化会给人们一种新颖的视觉观感,就会吸引用户,就比如乔布斯手下的苹果产品,打破了当时对电子产品的认知,且对细节的把控极致到位。

人们其实都有视觉疲劳,长时间的保持这种风格,难免会让人觉得平庸,突然出现的新颖视觉或想法,就能够打破这种局面。

图片

好比这个官网,首页第一屏在我们印象中就是一个banner,在我们做网站的时候就认为第一屏就是应该放个banner在那里!

我们就好像思维固化了,第一屏就非得是个banner吗?我们可以根据企业的属性进行判断,我们是否还有更优的方案,尽可能的赋予设计灵魂。

图片

类似于这样的首页是否就是反其道而行呢?与同行就拉开差别了呢?自己品牌更加深入人心呢?

比如一个正常的首页,在开始设计时,最顶部的是导航栏,导航栏中最左边是一个logo,其次在右边是产品介绍等等…

我们有没有想过为什么会这么布局?我们可以反问自己:这种布局是最合适的吗?最好看的吗?还有没有更加合适的方式?

图片

这种方式把logo放中间突出品牌就挺不错的。还有一些把导航栏折叠起来的。

刚开始我们是这样布局的,这就很普通没有做出差异化。

图片

我们是不是可以把文案进行精细处理,提取重要的词句,把他们放大,要有视觉冲击力,重要的元素再次放大!

图片

图片

这样布局方式就新颖很多,突出了主要文案,加强了视觉冲击,又加深了品牌印象。

 

 

三、扩大搜索范围

没有新颖的想法往往是自己的思路、思维还没有打开,开始进行视觉设计的时候:选择这类行业自己认为还不错的视觉方向,开始进行视觉输出。

图片

那就错了,假如开始设计APP,只找一些APP的视觉稿那肯定是不够的,风格就比较单一,你的视觉参考都不够丰富,怎么能够做出让人眼前一亮的风格!

我们不妨跳出圈子出来观察!

图片

可以去看别人品牌设计的、数字艺术设计的、图形设计的、包装设计的、服装设计的甚至产品设计的都可以。有可能是某一个小地方让你有所启发。

图片

大量的看,觉得很好的视觉就思考:我们的视觉是这样的会不会更好!

图片

就比如这张视觉稿,色彩很艳丽,颜色跨度很大,有黑色的粗线,如果把这风格运用在APP视觉上会是怎样的效果?

图片

看到一张足够吸引你的视觉稿,就想想如何转化到工作中去,那可能就会有不一样的视觉风格。

所以在设定风格时,

不局限于同行

不局限于风格

打开搜索范围,让头脑风暴更猛一些。

 

 

四、总结

做设计不是完成任务,所思考的是多方面的,好的设计是得花很多心思的;得保持冷静,让自己放松,着急或者有压力的心境下你的思绪是乱的,根本就做不了设计。

所以有时候做设计脸皮厚一些。

再者平时的审美积累是非常重要的,这个就相当于你的底子,有底子往上爬的速度也会快一些。

做到这些你就离大师不远了!

最后,设计是永无止境探索!加油共勉。

 

 

作者:橙汁

转载请注明:学UI网》为什么总感觉我的设计比较土?终于明白了!

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


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


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



掌握这10条动画设计方法,让单调的界面“动”起来【UX】

seo达人


图片

通过汇总动画设计值得注意的十个方法,帮助大家进一步了解UI/UX设计中的动画应该怎么做~

 

一、从原型设计开始

无论是设计初学者还是经验丰富的设计师,在创建动画前都需要进行原型设计。

在原型阶段,对产品和界面进行打磨推敲,能够避免在后期动画设计过程中花费时间返工修改。

图片

 

二、符合物理定律

这条原则是指动画设计要体现现实中物体运动的规律,符合重力、惯性、摩擦等物理定律。确保每个元素都沿着预设的轨迹移动,同时考虑到形状、大小和其他物理特性。

通过遵循物理定律,动画能展现更多细节,为用户带来熟悉的感觉和更好的体验,避免动画过于生硬和单调。

图片

 

三、挤压/拉伸元素

在常见到的卡片式界面设计中,对用户的操作做出卡片收缩、放大、改变重心等反馈效果,让动画尽可能逼真。

图片

 

四、确保平稳移动

在现实生活中,物体不能一直匀速不变的运动,而是以抛物线的形式运动。把这个特性加入到动画设计中,用户与界面的交互会更加自然,缓入缓出的动画效果会更好。

图片

 

五、注意屏幕间的过渡

在APP中避免突然从一个屏幕切换到另一个,应该让用户有所感知,能够为即将发生的操作做好准备。

每款产品界面的过渡动画都不太一样,我们可以充分发挥想象力,让这类必备的翻页动画过渡的更有创意。

 

六、添加趣味性

为了让用户清楚地了解每一步操作之后的结果,并让他们将注意力集中在这一点上,可以让等待的过程变得更加具有趣味性。

例如在展示操作错误的场景中,可以弹出感叹号或叉号来告诉用户操作出现了问题,以及希望用户采取的操作。

 

七、划分层次结构

通过动效设计,可以很清晰地反映出界面中哪个元素更重要。因为最重要的元素通常会在动画的开头就出现,优先级最高,方便用户快速捕捉。

图片

 

八、提供视觉提示

对于刚使用某个产品的新用户来说,要想完全摸透这个产品的全部功能,需要花费很多的学习成本和时间成本,通过动画提示,可以显著降低初次使用产品的门槛。

例如,使用动画提示向新用户解释如何处理界面元素或者给出示例。

图片

 

九、确保动画时长与操作相匹配

考虑每一段动画应该持续多长时间,这样用户就不需要点击了某个操作,还要等这段动画结束了之后,再进行下一步操作。

另外,如果动画结束得太快,可能不利于观看导致用户无法理解。因此在最终上线前,要经过严格的测试和审核,确保每一段动画的时长都能与用户的目标相匹配。

 

十、考虑动画的类型

在设计过程中,我们要根据产品的调性和使用场景匹配最合理的动画类型,为产品带来锦上添花的效果。

例如,弹跳类型的动画不适用于太过正式的企业应用或者官网上,同理,过于单调、不起眼的动画放在娱乐类APP中也不太搭配。

 

最后

以上就是动画设计值得注意的十个方法,希望通过这些内容能让大家进一步了解UI/UX设计中的动画,让单调的界面“动”起来~


作者: Clippp

转载请注明:学UI网》掌握这10条动画设计方法,让单调的界面“动”起来【UX】

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


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


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



抖音变集团啦!还发布了新 LOGO

seo达人


图片

所以说,设计的话题性也是至关重要的,要嘛是品牌自身的影响,要嘛是设计团队在行业中的影响力。一个常规的设计也许很完美,但是不一定被大家所讨论,这样也就是默默的出现再默默的淡化和被接受。具备话题性的设计,无论是针对设计好或者不好的讨论,至少在营销的角度来说,传播性已经足够了。

图片

我们言归正传,今天黑马哥也随波逐流一下,也来和大家分享一下关于抖音集团的 LOGO 设计。“字节跳动”变成了“抖音集团”,LOGO 从原来的四条跳动的竖线变成了字母“d”和“y”进行艺术结合的图形。这也是为了和抖音产品 LOGO 形成视觉关联,整个造型非常柔和,就像飘动的丝带一样青春活泼。

图片

通过和抖音的 LOGO 进行对比,抖音集团的 LOGO 会显得更“正”和具备商务型的特征。而抖音产品的 LOGO 会更娱乐性一些,两者既有关联性也有差异化。借助抖音的影响力可以让公司的知名度更高,不过个人觉得字节跳动这个名字还是挺好的。

图片

在 LOGO 配色上面,选择了三种年轻化的颜色:蓝色和绿色,而这个颜色也是延续了字节跳动原来的色系。这三个颜色组合还是比较容易呈现效果的,蓝色和绿色的搭配在设计层面都是比较容易配色的,不仅会呈现年轻活泼的风格,设计师进行设计延展的驾驭度来说也是非常容易的。

图片

新的字体上面,整个字形和之前的比较接近,在一些笔画上面进行了微调,比如减弱了“斗”部的笔画倾斜感。一些圆角的部分改成了直角的表达,封闭图形部分开了一些缺口,字体笔画更纤细了一些等等。和 LOGO 图形部分搭配感还是不错的,也能控制好整体的视觉平衡度。字形是比较稳重的,也符合集团公司的特征。

图片

有很多设计师根据新 LOGO 的图形风格和配色,联想到了飞书的产品 LOGO,如果将两个 LOGO 一起对比观看的话,还是有异曲同工之处的。

图片

下面来看一下整体的组合效果,对这个改变和抖音集团的 LOGO 你会打几分呢?

图片

 

设计总结:

抖音集团的 LOGO 图形设计主要是以名称首字母进行组合,通过艺术化的处理形成一个全新的视觉符号。现在大型的公司都喜欢将品牌符号化,以此来强化用户的记忆度和识别度。

通过名称首字母进行 LOGO 图形设计也是较为常用的创意形式,无论是单个字母还是多个字母组合,都很容易搜索到众多的案例作为设计灵感。比如我们在浏览器中搜索字母“d”或者字母“y”的 LOGO 设计,都会出现非常多的案例,有了初步的案例作为灵感,设计的时候方向感也会更强一些。

图片

 

以后大家在进行 LOGO 设计的时候,如果没有更好的创意想法,就可以试试首字母这个创意方向。除了字母以外,数字也是一个好的方向,只是数字的重叠性会更高一些。


作者:黑马青年

转载请注明:学UI网》抖音变集团啦!还发布了新 LOGO

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


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


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



新手学习字体设计的高效三步法

seo达人


一、临摹

临摹是新手学习任何技能都需要经历的阶段,学字体设计自然也不例外。即你要去收集一些优秀的字体设计作品,然后照着它们来临摹。

很多人会瞧不上临摹,认为照着参考一模一样做谁都会,事实上真要做起来,很多人都临摹不好,而且临摹的方法也不对。那么,如何正确地临摹呢?

 

1、不要像抠图一样,用钢笔工具直接沿着参考的外轮廓描摹。

而是要照着参考画出文字中的主要笔画,诸如:横、竖、撇、捺、点、提、勾等,然后,用这些笔画照着参考的样子一笔一笔把文字搭建出来。

图片

 

2、如果遇到相同的笔划,不要重新画。

而应该把已有的笔画直接复制过去,有时可能需要做一点简单的变化,这么做可以最大程度上保证笔画的统一性。

 

3、刚开始可以直接在参考的基础上用笔画来搭建文字。

就好似描摹一样,与参考一一对应,等熟练之后可以自行绘制笔画,通过视觉来确定笔画的粗细、长短、结构、摆放的位置等等。

举个例子,如果要临摹下图的字体设计,我们可以先把它的笔划画出来,如果抓不住笔划的特点,或者线条画不流畅,可以在原参考上把笔划描摹出来。

图片

图片

接着,再根据参考画出文字的字框,以确定文字的宽度和高度。

图片

然后,照着参考在字框里用笔画把文字组合出来。

最后,再仔细观察文字笔划的尺寸和位置是否正确,尽量做到与参考一模一样。

经过一段时间的临摹练习,你不仅可以更熟练地使用钢笔工具,同时也能掌握一些字体设计的风格、笔画特征、字体设计的流程等等。

 

 

二、通过参考,举一反三

当临摹做得已经很熟练以后,就可以开始第二步的练习了,即遵照参考中字体设计的风格、特点,设计自己想要的其他文字。其实在实际工作中、很多设计师也会用这种方式来设计字体。想要做好这项练习,首先你要做的是对参考作品进行深度的分析。

诸如对字体类型、字形、字体风格、重心位置、中宫松紧、笔画粗细、笔画结构、笔画的对齐关系、有哪些特殊的处理技巧等特点进行分析。

比如我想根据下图的字体来设计文字:起来嗨。那么我就先要对参考中的字体设计进行分析:

图片

该字体为无衬线体,风格简约而现代,笔划并没有讲究严格的对齐,甚至刻意做了错位处理,各文字的字面大小也不统一,呈现出灵活多变的感觉、笔划较粗,横竖笔划的粗细一样、横笔划右端有类似直角三角形的衬线、部分笔划交汇处会把横笔划做断开处理、点笔划和个别捺笔划被设计成圆点、口部首被设计成圆圈等等。

把参考的设计特点分析出来以后,紧接着需要把我们想设计的文字,用一个常规的字体呈现出来,由于参考中的字体设计是无衬线体,所以我们可以选择黑体作为字体设计的观察对象,看看该文字中有哪些笔划可以直接挪用参考中的,有哪些则需要自己来设计。

接下来就要着手画草图了,需要注意的是,参考中的文字做了整体垂直向上倾斜,在设计字体的时候如果直接设计成倾斜状态,那么很多笔划处理起来会不方便,所以最好先设计成水平状态的,等确认无误后再做倾斜扭曲。

图片

另外,在画草图的时候要多做尝试,对于原参考中没有的笔画,我们要从现有的笔画中找到规律,这些部分的设计没有绝对的标准,关键是要好看、要协调、要与整体的风格相符。比如“起”字下边的“人”笔划,可以借鉴参考中“辶”的处理方式。

草图画好后就可以去电脑上做最后的执行了,在执行的过程中需要注意以下几点:

 

1、草图不是标准,只是执行的思路。

所以在执行的过程中仍可以进行调整、修改。

图片

 

2、一边设计一边规范。

如果你不是在专业的创作本上绘制的草图,那么你的草图通常是很不严谨的,那么在电脑上操作的时候就要边设计边规范,比如统一笔划的粗细和结构、统一笔划断开部分的间距、注意某些笔划之间的对齐关系等等。

图片

 

3、与参考对比。

字体初步设计完以后,要把其与参考放在一起进行比较,看看还有没有处理不到位、看起来不够舒服的地方,水平状态调整完以后,再把文字按照参考的样子往右上方做倾斜处理,然后继续观察以及做最后的完善。

图片

图片

 

 

三、原创字体设计

如果你能熟练地做到通过参考举一反三,那么你的字体设计能力已经初步形成,接下来就可以做原创了。做原创字体设计时我们要注意以下几点:

 

1、做原创也可以找参考。

只不过不要完全按着一个参考来做,我们可以结合好几个参考,也可以在参考的基础上加入自己的想法、做出一些改变等等。

 

2、设计的流程

A.根据要设计的文字、找到符合设计需求的参考。比如我需要设计的文字是:奇遇惊喜,并想设计成有种浪漫、古风的感觉。所以我找了下图的字体来做参考(造字工房逸锋体),该字体字形修长、结合了宋体和黑体的特性,笔划横细数粗但没有衬线,现代而优雅。

图片

B.加入自己的想法。用常规的的字库字体把要设计的文字呈现出来,与参考放在一起进行构思。参考中的字体虽然现代而优雅、但是作为字库字体,独特性自然会有所欠缺,另外笔画还是略过复杂,没有古风和浪漫的感觉,所以我想把笔画继续做一些简化,并加入祥云图形。

图片

图片

C.画草图。

可以先画文字的骨骼部分,以确定文字的基本架构,文字的骨骼决定了文字的基本气质,比如高矮胖瘦、中宫松紧、重心高低、笔画走势等等,这也是设计师可以大做文章的地方,很多优秀的字体,在骨骼上就与普通字体有着很大的差异。这里我把文字的骨架设计得比参考更为修长。

图片

骨骼画好以后,再添加字体的肉身,即笔形,笔形决定了笔划的粗细、端点、衬线、笔划交汇处的处理等细节效果,这些部分的变化也非常多,设计师可以根据文字本身的特点和参考进行多种尝试。

图片

作为字体设计师,了解一些不同笔形的处理技法也很有必要。

图片

▲ 部分横笔画的笔形表现。

D.把草图导入到设计软件中执行。草图画好以后就可以去电脑上执行了,执行的步骤和注意事项与“举一反三”里提到的差不多。

图片

 

3、注意文字的统一性。

在设计字体时,要注意整体的统一性,要让人感觉到这是一套字体,所以原则上来说,每个字的字面大小、重心位置、中宫、相同的笔画等等,都要统一起来,当然,不包括某些为了效果灵活而刻意作出的一些特殊处理。

图片

图片

 

 

图片

临摹、举一反三、原创,简单的三步就能帮你从一个新手变成一个熟手,其实除了字体设计,很多其他类型的设计同样是这个道理。当然,最重要的是你要能走出第一步,先做起来,然后要坚持下去。


作者:葱爷

转载请注明:学U网》新手学习字体设计的高效三步法

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


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


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



日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档