首页

设计灵感不应该被一个网站而限制

seo达人


不能被一个网站而限制

最近 Behance 封停了国内账号,导致很多设计师无法访问,因此也流传了很多解决方案。今天黑马哥就不和大家讨论这个解决方案了,其实有很多同学就算在能访问的时候也没看几次~O(∩_∩)O~。

图片

这个事件告诉我们,设计师的习惯是多么的重要,我们的设计灵感不能因为一个网站平台而局限。退出账号依然可以访问,只是很多同学纠结的是自己的收藏没有了,如果平时养成本地化采集的习惯,你就不会出现这个问题。我们不要把希望寄托在云端,只是买一个硬盘就能解决的事情,也不要觉得不方便,其实很多作品我们也不会经常看,存储只是为了不时之需。每年都对采集的作品进行一次整理,近两年的放在电脑里面,时间过长的存储在硬盘里面就可以了。主要还是要对作品进行分析,掌握作品的技法经验和设计思维才是关键。

除了存储习惯以外,我们也不要只是固定访问一个网站获取灵感,优秀的设计类平台是很多的,我们要发现更多新大陆。下面黑马哥为大家精选几个访问频次较高的国外平台,国内的大家都比较熟悉这里就不列举了。

 

设计/插画等灵感网站推荐

以下推荐一些个人比较常用的几个网站,排名不分先后,属于随机性排序。

1、notefolio

https://notefolio.net/

notefolio 是韩国的一个设计交流网站,很多设计师都会在这里分享自己的设计作品和进行设计交流。和国内很多设计作品分享平台类似,是一个综合型设计师交流社区,有平面设计、UI/UX 设计、插画、产品包装设计、摄影、版式设计、数字艺术、美术、工艺等等。

图片

 

2、Mobbin

https://mobbin.com/

这是一个汇集全球优秀 APP 截图的网站,有超过 50000 个优秀 APP,节省了下载应用的时间,对于 UI 设计师来说非常实用。

同样的应用还提供了 iOS 和 Android 两个不同版本的截图,简直非常的人性化。这是一个使用起来非常简单的网站,海量的设计必将开启你的灵感脑洞。

图片

 

3、Pinterest

https://www.pinterest.com/

这绝对是一个灵感采集的绝佳网站,经过众多用户的长期积累,已经汇集了全球大量的优质图片资源,其中设计作品也是非常丰富,且质量都普遍偏高。

你可以通过关键词搜索、画板关注、以图搜图等操作获得灵感,而且相似推荐还能延伸出更多类似构图、配色、主题等图片资源。点击作品还能跳转到原始出处,顺藤摸瓜找到更多优质资源,真的是非常便利。

图片

 

4、Designspiration

https://www.designspiration.com/

该网站除了通过关键词搜索图片内容以外,在搜索栏有⼀个调色板的图标,点击可以通过指定的颜色进行搜索相关配色的图片或者设计。在选择颜色的时候不是单一的色彩选择,可以选择几个配⾊组合进行搜索,对于设计师来说⾮常实用。

图片

 

5、Abduzeedo

https://abduzeedo.com/

Abduzeedo 是一个优秀的设计博客,提供给设计师创意和灵感的社区,这里有设计、摄影和 UX 等相关的文章提供给那些想寻找灵感的设计师。这是一个开放的设计社区,它是设计师日常的灵感来源。

图片

 

6、UI Garage

https://uigarage.net/

UI Garage 提供了很多应用设计的截图和模板,专业细分的类别和精挑细选的设计截图,还有很多设计工具推荐,是一个非常实用的网站。在这里不仅可以获得设计灵感,还能获得优秀的设计工具或者插件来提高我们的工作效率。

图片

 

7、Dribbble

https://dribbble.com/

Dribbble 相信很多喜欢 UI 设计打卡的同学比较熟悉,汇集了大量设计师的一些日常创意作品。该网站不同之处是发布作品需要邀请码,就是需要有邀请码的设计师邀请加入才能发布作品,获得邀请码也相当于设计能力获得认可。

整体作品的质量还是不错的,如果当你设计时没有想法,这是一个不错的灵感采集地。

图片

 

8、ndc

https://www.ndc.co.jp/works/

这个网站展示了很多非常不错的设计作品,偏向于简约风。相信这些项目设计的灵感,可以带给我们更多的设计思考。

图片

 

9、FolioArt

https://folioart.co.uk/

FolioArt 是一个插画艺术作品展示网站,拥有高质量的插画作品,形式也多种多样。就像一个插画家的资源库,让有商业需求的客户通过这个平台,和世界顶尖的插画师进行合作。

图片

 

10、unDraw

https://undraw.co/illustrations

这里提供的插画作品数量众多,各种小场景的插画无论是独立使用,还是组合使用,肯定可以满足很多场景需求了。平台内置的编辑器还可以对插画进行调色,导出格式也是支持后期编辑,非常的实用和便利。

图片

 

小结

设计的灵感来源途径是很多的,不局限于某一个单一路径,以上的推荐仅为抛砖引玉,还有很多优秀的网站给我们带来设计灵感和经验学习。每个人的关注焦点和选择角度不同,以上仅为个人推荐,不足之处欢迎大家留言补充。


作者:黑马青年

转载请注明:学UI网》设计灵感不应该被一个网站而限制

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


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


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



像看电影般的酷站:Oat the Goat

用心设计

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里


这是一个以故事形式来展现网站:Oat the Goat,动画很有感觉,虽然小编目前的水平还做不出这类网站,但看看也可以增加点灵感、阅历,原来网站还能这样做的,一个网站,一个温暖的故事,来一起欣赏电影般的酷站,Enjoy!

网站名称:Oat the Goat
网站地址:http://oatthegoat.co.nz/

(请在PC端欣赏,浏览该网站时记得打开声音哦~)

故事是从一只羊咩咩的历险开始,他翻山越岭,途中遇到一些困难和遇到困难的小伙伴们,接着一起去克服,然后越来越多的小伙伴们一起去冒险,经过重重险阻,最终…… (还在让大家自己欣赏才有 Feel 的)

所有的画面非常的漂亮,就像在看电影一样,同时网站还带有一至交互体验,让用户去选择。

截图:羊咩咩遇到第一个有困难的小伙难了哦,我们继续看看……

截图:要选择你要怎么做了

故事结局如何?请自行观赏,同时您可以在下方评论处说出你的想法:)


 


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 

围绕基模设计出来的Logo,可做到三个层次的功效

博博

围绕基模设计出来的Logo,可做到三个层次的功效

人人都是产品经理 2018-06-18 11:32:22

请别拿美观来评判LOGO的好坏,谢谢!

围绕基模设计出来的Logo,可做到三个层次的功效

时至今日,很多企业仍然也没有对Logo形成一种正确的认知。当你问起他们时,企业做Logo是为了什么的?

很多人的回答是“做品牌”,然后就没有更深层次的认知了,而在这样的情况下就会很容易导致Logo的好坏完全是凭借企业主的喜好做判断,结果可想而知。

那企业做logo到底是为了干什么呢?

探寻问题的本质要追溯到本源去,logo源自于“烙印”一词,过去是为了做区分。

比如,你家和老王家都养鸡,为了避免放养的时候混在一起分辨不出来,你们两家在各自的鸡身上打上烙印。

最后,鸡到消费者的眼里,不仅可以通过烙印做区分,还可以起到质量的判断,谁家的鸡质量最好,通过logo就知道是谁家的了,哪家名声最响亮,消费者的选择成本就越低。

再然后慢慢发展到现在,logo不仅承载了产品区分的功能,更起到降低传播成本,诠释品牌内涵的功能。

但是,就像上面所说的,目前很多人根本都没有形成一个正确的认知,企业老板有时候完全就是凭借拍脑袋做决策。

而有些设计人员为了体现自己的专业价值,把Logo设计得精美复杂,然后再给出一大篇的解释。

如果老板不满意,再根据老板的喜好做出修改,改过之后双方皆大欢喜,老板得到了他心目中最理想的logo,设计人员也体现了自己的专业价值。

通常,在这种情况下设计出来的Logo,消费者是过目即忘的,logo也不会给消费者带来任何的品牌联想,因为除了企业内部的人懂,其他人是看不懂的。

那如何避免这种尴尬的情况发生呢?

最好的结果是利用基模,即利用别人脑海里面已经存在的概念,去进行logo设计。

比如,一家公司利用狮子作为企业logo,而狮子在人们脑海中已经是存在的事物,并对狮子的象征有了一个共同的认知,即力量和无畏,不需要再通过加工认知再进行记忆储存,消费者通过这个Logo的认知继而会联想到这家公司的做事风格。

这样一来,不仅大家都可以一目了然,不必废过多的口水解释,在传播上也可以降低成本。

那么,围绕基模设计出来的Logo,通常可以做到以下三个层次的功效,下面柯学将带大家分析一遍,基模是如何对logo进行赋能的。

  • 记忆功能
  • 二次传播功能
  • 诠释功能

1. 记忆功能

Logo除了做产品区分的本质外,第一层也是最简单的功能就是记忆功能,让消费者记住你。

在这一点上就把很多精美复杂的logo给淘汰了,甚至有时候在一群人眼里感觉记忆简单的logo,但是,在另外一群人眼里就很难记忆了。

比如,这届世界杯的现场品牌广告,如何在众多品牌闪现下,且在有限的镜头下让全世界记住你,对企业的logo来说极为考验。

像万达、蒙牛等这些中文标字的logo品牌广告,目测广告资源起码浪费50%以上。

怎么说呢?

因为万达和蒙牛的标字logo对于国人来说这些字体本来就已经是脑海里的基模事物了,只要把万和达两字进行关联就可以,这一点对于记忆编码来说,并不复杂。

但是,对于全世界的外国人来说,他们看到这些字体,和我们看到韩文日文一样,是完完全全的新概念,理解都困难,更别谈什么记忆编码了。

而万达的图标外围的圆圈是全人类都懂得的基模概念,但是里面那个就有点陌生了,一个熟悉的事物加上一个不熟悉的事物组成全新的概念,需要人们从新编码再记忆,在一点上,就增加了人们的记忆成本。

围绕基模设计出来的Logo,可做到三个层次的功效

而在现场,做得最好的品牌广告logo目测就是adidas和麦当劳。

因为,无论是adidas的三条斜杠还是麦当劳的拱门(或M),对于全世界的人来说,都已经是存在脑海中的熟悉事物了,这些简单的符号从人类的历史长河中流传多年,并被人类从小所熟知,并不需要再从新编码记忆,只需要把已经存在的基模事物符号,即三条斜杠和拱门跟品牌进行关联就行了。

这些利用熟悉事物的基模跟logo进行关联,不仅一下子可以让人理解这是什么,且降低品牌传播的记忆成本,让人在众多的品牌中一下子就记住你。

2. 二次传播功能

利用熟悉事物的基模设计logo不仅可以降低人们的记忆成本,还可以降低人们的二次传播成本。

就拿麦当劳的例子说吧,假设,你在路上吃着一根冰淇淋,路上遇到一老人带着一小孩,小孩对你说,叔叔,你冰淇淋那里买的呀?

在对方老人和小孩识字不多的情况下,你是该如何精准的跟他们表达呢?很显然,直接说麦当劳的门头标志上面是一个金色的拱门,看到这个标志就是那一家在卖了。

这下老人和小孩子也会一下子就理解了,因为在他们脑海里已经存在这样的事物基模了,出错的概率就会极低。

但是,如果是复杂的logo,不仅表述的人困难,而且听的人也会混乱,当双方都不能精准的表达和接受时,那么出错的概率就会极大,后果就会很尴尬。

再比如,十几年前,国内流行起各种运动服装,有些中年人不太懂英语的情况下,都是通过识别标志进行传播,当你跟他表述品牌的时候,英语他听不懂,只能描述品牌标志了,这时候越简单,越熟悉的概念就越容易降低传播成本。

围绕基模设计出来的Logo,可做到三个层次的功效

比如,上面的NIKE,你直接跟他说是一个勾,这样的表达就非常精准了,因为勾这个基模已经是人们熟悉的概念了,他去买的时候,看到门头是个勾的标志走进去就行了。

3. 诠释功能

利用基模设计logo来诠释品牌的内涵,可以做到让人一目了然,并对品牌进行正确的联想,但是,前提条件是基模必须跟品牌拥有以下三种联系:

  • 与产品相似
  • 与产品相关
  • 习惯性联系

3.1 与产品相似

当你需要跟别人解释一个复杂的概念的时候最好的办法就是利用他已经存在的熟悉概念,其中一个办法就是找到跟新事物相似的熟悉事物基模。

比如,你跟其他人沟通在某个国家有个领导人如何如何伟大,如何如何厉害,把国家从一个极度贫困的国家拉到世界经济强国的地位,最后还怎么怎么样,还不如直接跟他说,他就是某国的邓小平,这一下谁都懂了,不仅可以让他感到震撼,而且短短几字就利用他脑海里已经存在的邓小平形象进行新事物关联。

而在logo上也可以借用相似的熟悉事物基模跟品牌进行联系,比如,美团外卖的袋鼠logo。

围绕基模设计出来的Logo,可做到三个层次的功效

美团外卖的诉求是“快”,如何在logo上面精准表达,即可以让人简单易懂并且降低传播成本呢?

很显然,美团外卖利用了人们熟悉的基模“袋鼠”,上面的袋鼠在快速的奔跑状态,并且口袋是鼓起的,表示装着食物什么的。

这个跟美团外卖非常相似,同样是带着食物快速的在路上奔跑着,通过这个logo就很精准的表达出来了,别人也非常容易能理解到其中要表达的意思。

3.2 与产品相关

与之相关,是一种指示性,暗示着他们俩拥有共用的属性,比如,消费者看到图标A,就会推测出B产品的相关结论。

通常,在logo上只需要找到跟产品拥有共同属性的熟悉事物进行品牌联系就可以了。

比如,我们比较能常见的奶制品牌,就会利用奶牛这个熟悉事物的基模形象跟品牌进行关联。

通常,人们一看到奶牛都会联想到牛奶,利用这个熟悉的基模设计logo,不仅可以降低人们的记忆和传播成本,还可以指示人们不自觉的进行联想,即产品和Logo的形象之间存在着共同的属性,那就是牛奶。

3.3 习惯性联系

习惯性联系是基模的象征意义在习惯性或则一致认可的联想上跟品牌进行联系,通过这样的方式可以把比较抽象复杂的概念的表现出来,从而引导人们进行正确的品牌联想。

在这一点上,锤子手机的Logo做得就相当不错,不仅降低人们的记忆和传播成本,更引导人们进行正确的品牌联想。

围绕基模设计出来的Logo,可做到三个层次的功效

logo利用人们熟悉的锤子基模,免去了人们再次记忆编码的过程,而锤子在现代人的习惯或则一致性联想的象征性意义,往往是等同于一种类似于工匠的精神,通过嫁接这个象征的意义到企业的Logo上,可以让人直接联想到这是一家具有工匠精神的科技公司。

反观最近争议比较大的得到logo,猫头鹰的基模并没有让人形成在习惯性或一致认同上的品牌联想。

围绕基模设计出来的Logo,可做到三个层次的功效

没有得到习惯性或一致认可的联想,主要原因是因为这只雅典娜的猫头鹰代表着智慧的化身,设计人员想让人联想到“得到=智慧”。

但是,受限于每个人的知识经验背景,对这只猫头鹰产生的联想并没有一致上的认同,起码到目前看来,很多人看到代表着智慧化身的猫头鹰,更多的联想到的却是“夜猫子”,继而让人联想到“爱学习的都是夜猫子”这条错误的道路上去。

一旦人们对logo的象征意义产生不一致的联想,后续就需要花费更多资源去普及,而这样一来就有违设计logo的初衷,无法让人产生正确的联想,并最终增加了传播成本。

结语

Logo是每个企业必不可少的一部分,看似简单,所以很多人都不会过于深入的去了解,但是往往越简单的东西,其中隐含的影响力就越大,越需要花更多的时间去雕琢,从而达到以标志识公司的境界,通过简单的图标就可以实现精准表达,记忆并传播,一图胜过千言万语,而想达到这个境界,最快的捷径就是利用基模的力量。


Dribbble 界面设计灵感 33

博博


UI设计爱好者 2018-05-03 16:58:07

作者:设计达人(ID:shejidaren888)

这次 Dribbble UI 灵感主要精选网页、APP 以及一些后台管理界面,每个精选出来的界面设计的赞数都是几百+或者几 K ~

PS:当你看中某作品时,你可以点击作者名称来查看该设计师更多作品。(微信公众号不支持外链,只能点「阅读原文」来查看所有链接)

Dribbble 界面设计灵感 #33

Dribbble 界面设计灵感 33

个人主页设计 by Mike

Dribbble 界面设计灵感 33

CRM 管理系统界面设计 by Divan Raj

Dribbble 界面设计灵感 33

EverDo 应用界面 by Jakub Reis

Dribbble 界面设计灵感 33

接上,EverDo 界面的一些表单元素 by Balkan Brothers

Dribbble 界面设计灵感 33

随机实验 by Nick Franchi

Dribbble 界面设计灵感 33

Coindesk by uixNinja

Dribbble 界面设计灵感 33

一套 UI 素材:Planguru by Patryk Pustol

Dribbble 界面设计灵感 33

酒店 APP 后台(iPhoneX) by Divan Raj

Dribbble 界面设计灵感 33

B3Sound 网站着陆页设计 by Outcrowd

Dribbble 界面设计灵感 33

Smart Security Camera App by Ionut Zamfir

Dribbble 界面设计灵感 33

Iterable 插画草图 by Ramotion

Dribbble 界面设计灵感 33

后台界面 by uixNinja

Dribbble 界面设计灵感 33

Dating 应用项目 by Divan Raj

Dribbble 界面设计灵感 33

Benti by Jakub Dziedzic ♠️

Dribbble 界面设计灵感 33

Surf Guide Mobile Swipe Distort by Nathan Riley

Dribbble 界面设计灵感 33

C / Sen Design Lab by Mike | Creative Mints

Dribbble 界面设计灵感 33

Chripcase 后台界面 by Goutham

Dribbble 界面设计灵感 33

Raika Plant by Nicola Baldo

Dribbble 界面设计灵感 33

网页聊天应用界面 by Michal Parulski

Dribbble 界面设计灵感 33

网页版的音乐 UI by Giga Tamarashvili

Dribbble 界面设计灵感 33

Music UI by Giga Tamarashvili

Dribbble 界面设计灵感 33

Blockсhain revolution by Dmitrii Kharchenko

Dribbble 界面设计灵感 33

USB Types by Gal Shir

Dribbble 界面设计灵感 33


如何获取设计灵感?你没理解它真正的含义!

雪涛

前阵子有不少人反馈:呆总,我平时看了不少图,但是做项目的时候没办法用上,怎么办呀?

这类问题我一般只会用一句话回答:看得多没用的,要多想多做。(虽然是至理名言)

但是我觉得这样回答太敷衍了,所以写了这篇文章来告诉大家如何在工作中复用自己找到的好图,以及平时要怎么去做,即所谓的“如何在工作中找到设计灵感”。

相信很多人在日常的工作中都会为寻找设计灵感而犯愁,想通过查看更多更好案例总结出最好的方案将公司的项目做得出彩,然而⼜无从下手。

我自己也是,平常会去刷 Pinterest、花瓣、Dribbble、Behance 等平台,将好的创意和设计方案保存下来以备日后用。但是,很少人能真正理解这些保存的图片或素材,大部分人仅仅是觉得好看,然后就存了,而没有去分析当中真正的含义。

如何获取设计灵感?你没理解它真正的含义!

周周

前阵子有不少人反馈:呆总,我平时看了不少图,但是做项目的时候没办法用上,怎么办呀?

这类问题我一般只会用一句话回答:看得多没用的,要多想多做。(虽然是至理名言)

但是我觉得这样回答太敷衍了,所以写了这篇文章来告诉大家如何在工作中复用自己找到的好图,以及平时要怎么去做,即所谓的“如何在工作中找到设计灵感”。

相信很多人在日常的工作中都会为寻找设计灵感而犯愁,想通过查看更多更好案例总结出最好的方案将公司的项目做得出彩,然而⼜无从下手。

我自己也是,平常会去刷 Pinterest、花瓣、Dribbble、Behance 等平台,将好的创意和设计方案保存下来以备日后用。但是,很少人能真正理解这些保存的图片或素材,大部分人仅仅是觉得好看,然后就存了,而没有去分析当中真正的含义。

开发人员应该知道5个设计技巧

蓝蓝

优秀的编码和优秀的UI设计之间是相辅相成的。不幸的是,视觉设计能力偏弱的人通常会觉得自己缺乏天赋,换句话说,就是人们要么觉得自己具有出众的美学天赋,要么就是这方面的白痴。对这个说法,我可不敢苟同。

如果你在一个小团队里面身兼数职,却又没有多少美学基础。又或者你觉得你们的项目在视觉上还有更多发挥的空间,那么这篇文章就是写给你的。蓝蓝设计将谈到传统的5个消除丑陋艺术设计的元素和原则(或者至少能够进行一定程度的掩盖)

1.来点留白

大多数的开发者并不在意添加空白的像页边距,填充,行高,或者其他任何增加空白的CSS属性。识别出开发者设计的界面设计是很容易的:文本都是紧紧地挨着边缘的,没有任何留白,而且屏幕元素之间是通过直线来实现分割的,而不是空白。

灵感!一组手机LOGO设计

蓝蓝

移动至上是当今的大背景。交互设计、网页设计都不得不顾虑手机的”感受”,移动互联网方向的创业如同雨后春笋般出现,而有关移动端的Logo怎么设计?看看这里吧。

0b25d66eac79fc07d35237f7124dd6db0c86ffb36e3ab3883552aafd1d560a5c3a397f080b57438ba24baf09bb743bad3bef7d7db0e89363340ea26c2ae9fa1c3c7484387e44da5507ef8f23ee2d3baa4c8ab2f3c29d4bed9ba84061ce8bfd7e4f718cfb0d08d71b588ebc785281fed906fd13acce072c4b61ba855b64b26b9b39b8a4116f59564213d2dd5590c410b753e2a172a5f95bbe76e7e0373bcf73a566ed4b9796a4f56d00f7e4cf9e3fe6d2643cd7033b6663a1d8b20a7ea5601e70

设计的灵感 + 用研的力量

蓝蓝

前言:年初沉浸于工作中的重点项目,都快忘记写文章了,惭愧。分享既是学习,没有分享就没有学习的机会,2013年应该继续多写。同时也总结了2012年的写作,发现我很多时候是对自己感兴趣的各种文章、现象,在写设计笔记与思考。有时思维种种,并没有总结到很踏实。以后会改进,多采取灵感文+实战文的写作节奏。

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档