首页

这是一份汇集全球优秀APP截图的资源

seo达人


 
图片 
 
看到这些界面很多小伙伴儿会忍不住问黑马哥这都是什么产品,哪里可以下载。其实我也没有下载~O(∩_∩)O哈哈~,这就是今天要给大家分享的一个好东西。
 
为了方便大家进行灵感采集,黑马哥为大家发现了一个不错的平台。汇集了全球众多的优秀 APP 截图,你再也无需一个一个去下载截图了,而且也不需要受到注册才能使用的烦恼,这里全部为你截图好了。第一次访问的时候,惊讶到我了,简直是非常的人性化,这些优秀的设计开启了设计的灵感源泉。
打开网站映入眼眶的这个数字有没有惊呆小伙伴儿,网站汇集了 50000 多个应用的屏幕截图,大大的节省了设计师一个一个下载截图的时间。 
 
图片 
 
网站通过应用和屏幕截图来进行分类展示,默认以应用名称的形式展示,如果你想要直接查看屏幕截图,点击按钮切换也是非常便利。
图片 
 
同样的应用还为大家区分了 iOS 和 Android 两个不同的版本,是不是非常的人性化。
图片 
 
点击选中的产品会进入到该产品的屏幕截图详情界面,汇聚了这个产品的全部界面截图。如果该产品上线了 iOS 和 Android 两个不同的版本,详情界面也会分别展示两个不同版本的屏幕截图。
图片 
 
这是一个使用起来非常简单的网站,海量的设计必将开启你的灵感脑洞。话不多说,大家赶紧去体验一下吧!把那些优秀的设计作品都翻出来,提高我们的设计效率。 
 
APP 屏幕截图汇总网站链接:
https://mobbin.design/备注:仅作为学习交流,请勿他用。  
 
 
原文地址:黑马家族(公众号) 
作者:黑马青年

转载请注明:学UI网》这是一份汇集全球优秀APP截图的资源

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

截屏2021-05-13 上午11.41.03.png

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

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



百度健康服务化体验

seo达人


图片

 

背景介绍

百度健康发挥搜索入口直达服务的优势,通过搜索快速连接人与信息、人与服务,形成了健康科普、在线咨询服务、商城购药服务、慢病管理服务以及互联网医院服务五大服务体系。同时,基于百度强大的AI和技术实力,在海量搜索数据中直接地获取用户真实意图,智慧化连接服务。通过大数据对患者和医生进行有价值的匹配引导,提供从健康科普到在线医疗的一站式服务中心,全面覆盖用户个人及家庭健康需求,形成完整服务链条。在设计理念上,我们致力于用智慧化方式给病患提供更加可及性和便捷性的互动体验,并围绕多端场景提供多元化体验服务设计。

图片

 

多场景满足用户需求

1.医学可视化图形,提升用户阅读体验

用户在阅读医疗相关知识内容时,内容的表现形式较单一,文字的描述晦涩难懂,用户很难真正的理解内容。医学可视化图形,能够明确有效的补充用户对词条的理解,形成对内容的权威认知。

图片

 

我们结合科学+美学双线标准,从医学、解刨、浏览舒适度等多维度视角绘制插图,通过更直观、舒适、生动形象的方式传达内容,解决了日常大众对疾病知识感到晦涩难懂的痛点。这也成为了医疗搜索体验中一个独具匠心的创新,是百度健康打造产品医疗权威感知的重要基础。截止目前已经应用一千多幅插图,覆盖32科室共计3000个疾病词条。

 

图片

 

2.Ai交互+互动模板,高效在线问诊

AI智能交互互动模板,实现智能诊疗对话模型,智能分析预诊导诊,通过AI学习构建适合临床辅助诊断的体验流程,深度将筛查、自测、诊断等多环节嵌入到诊疗流程中,自然、及时、流畅的应答患者提问,极大的提升了诊疗效率。

疫情期间,百度健康和政府合作打造智能诊疗系统解决方案,帮助人们快速获得智能化诊断、在线诊疗和心理疏导等帮助,帮助无症状用户进行预防,高危患者及时获得诊疗建议。

图片

单新冠肺炎AI自测在疫情初期高发时段累计服务用户超千万人。其余自测分型也已覆盖四百多种。

 

3、线下场景线上映射,模拟真实场景

1)「线上处方药单」的设计样式,模拟现实中去医院开药的「线下打印处方单」样式,将无情感的界面转化成用户熟悉的可感知形态,缓解在线的疏离感,充分体现情感化设计,使沟通更具沉浸感。最大程度的降低用户的理解成本,加深用户对产品的信赖感,使用户有更真实的服务体验。

图片

疫情期间,线上购药的需求猛增。线上开处方项目,实现了用户可以足不出户,从问诊到开处方再到药品到家一站式的服务体验。

 

 

2)互联网医院一站式线上线下诊疗闭环

针对公立医院百度健康搭建了全套互联网医院服务场景解决方案,提供一站式线上线下诊疗闭环,诊前、诊中、诊后建立整套服务体系,无缝衔接线上线下场景,立体式给用户提供服务。通过对医院线下就医的全流程的观察,将线下体验流程还原至线上,从挂号、缴费、查询到复诊、复查再到诊后慢病管理,打通‘医-方-药’闭环,全面提交就诊效率,形成患者、医院、医生完整的三端服务闭环。同时,成为国家分级诊疗工作的有利补充。

图片

 

结语

百度健康做为全网领先的医疗科普服务平台。为用户打造无障碍智能化健康管理服务中心,做到灵活、共享、及时、关怀。未来还将不断优化深耕,推动健康产业建设智慧化进程,为全面构筑以人为本的健康生态而努力,为早日实现“健康中国”的国家战略助力,成为中国百姓首选的“健康管家”。

 

原文地址:百度MEUX(公众号)

作者:做你健康管家的


转载请注明:学UI网》百度健康服务化体验

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

截屏2021-05-13 上午11.41.03.png

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

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


Figma的自动布局也太好用了吧!

seo达人


1. 自动布局快捷键

图片

Mac OS 系统快捷键

  • 开启自动布局:Shift + A
  • 关闭自动布局:Shift + Option + A(图上漏掉了)
  • 关闭自动布局并删除 Frame:Command + Shift + G
  • 重制(复制并粘贴,包含自动布局设置):Command + D

 

Windows 快捷键

  • 开启自动布局:Shift + A
  • 关闭自动布局:Shift + Alt + A(图上漏掉了)
  • 关闭自动布局并删除 Frame:Ctrl + Shift + G
  • 重制(复制并粘贴,包含自动布局设置):Ctrl + D

 

2. 样式复制粘贴

图片

Mac OS 系统快捷键

  • 样式复制:Option + Command + C
  • 样式粘贴:Option + Command + V

 

Windows 快捷键

  • 样式复制:Option + Ctrl + C
  • 样式粘贴:Option + Ctrl + V

 

3. 调准顺序

图片

其实就算不用快捷键,也可以通过鼠标调准顺序。

图片

但是毕竟中心哪个圆圈面积太小不好找,数量不多的话,用快捷键会更快一些。

 

Mac OS 系统快捷键

  • 往左调整:Command + [
  • 往右调整:Command + ]

 

Windows 快捷键

  • 往左调整:Ctrl + [
  • 往右调整:Ctrl + ]

 

4. 调整间距

图片

通过自动布局设置,可以让元素的尺寸根据间距大小自动调整宽度。

利用这一点,可以用来做很多东西,例如滑动条。

 

5. 自动间距

图片

把间距数值改成 auto, 会自动均分 Frame 内元素的间距。

虽然右上角的布局图标也能起到同样的作用,但是那样操作的步骤更多:需要先调整好两边的元素的位置,不能根据所在 Frame 自动调整。

 

6. 输入 0.001 设置 0 高度

图片

Figma 不允许输入 0 高度,如果你尝试这么做,按下回车后数值会变成 1。

但是有个小漏洞,那就是如果你输入 0.001,按下回车后就会发现数值变成 0 了。

一定要小数点后三位,如果只输入小数点后一位或两位,就不会有这个效果。

 

7. 快速选择内部元素

图片

如果分组或 Frame 层级过多,想要选择下层的元素,通常是双击。

但是层次多了,也还是很麻烦。

还可以按下 Command 的同时用鼠标点击,这样可以直接选择最里层的元素。

可是,如果想要选择的不是最里层,而是倒数第 N 层呢?

这种情况,用快捷键会更方便一些:

  • 选择下层:回车键
  • 选择上层:Shift + 回车键
  • 选择下一个:Tab
  • 取消选择:Esc

 

8. 避免将元素放入自动布局

图片

往自动布局里放东西,很容易打乱布局,一下子就变化很大。

如果想要避免这种“手误”,可以在拖动元素的同时按下空格键,这样元素就不会被放到任何自动布局里。

 

9. 利用透明度快速自动布局

图片

上面卡片的自动布局,其实可以用 Space Between 一键设置出来。

图片

其实中间的图标和卡片同宽,只是背景透明所以看起来是居中对齐的。

标题其实不止左上角那一个,卡片左下方还有一个一模一样的,只是可见度设置为 0%,所以看不出来。

图片

 

10. 利用自动布局设置最小宽度

图片

很多组件(如上图文本框)有个最小宽度,如果简单地使用自动布局是无法满足的。

方法也不难,就是文本框的 Frame 里加一条不可见的线段,而这个线段的宽度就确定了文本框的最小宽度。

图片

没想到 Figma 的自动布局有这么多门道,使用起来多做些组件,肯定能大大提高设计效率~

 

原文地址:体验进阶(公众号)

作者:设计师ZoeYZ

转载请注明:学UI网 »Figma的自动布局也太好用了吧!

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

截屏2021-05-13 上午11.41.03.png

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

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



3个好用到尖叫的设计细节,再不知道就晚了!

seo达人

莫b
图片

大家看到这张图的第一感受是什么?是不是觉得大气,高级、简约,而且不会觉得不精致。

图片

再来看这张图,是不是同样的感受,给人高级感。那么有没有想过是什么影响了这些高级感?是不是我们肉眼能看到的颜色、留白、阴影、大小、图片、排版、质感等细节。就是这些元素的和谐处理,才使得整体看上去同一个世界,让我们感官愉悦。

因此我们做设计时候,也需要和谐的处理这些元素关系。把这些关系处理好了,设计细节自然丰富,精致度自然也就上来了。

下面我们看看间距节奏、投影质感、高级图片等在设计中如何处理。

1.间距节奏

我们常说的间距节奏,其实就是留白或者负空间的应用。那么在UI版式中,这些负空间就是间距网格的应用,间距节奏的把控,下面看这张图。

图片

上图,就是一张基础的版式间距节奏。好的版式节奏,就像音乐一样,它通过变化的节奏来表达动听的音乐。

对于间距节奏,我们在设计中尽量体现倍数关系,这样的节奏是最明显的,而且设版式节奏感也会更强,比如看下面这个案例。

图片
大标题和内容之间的间距一定要区分开,而且是要成比例的关系,比如1:2这样的思路,因为这节奏感会更强一些。
图片
这样的设计思路在整个UI版式系统中,都是同样可以延续下来的。

 

2.投影质感

在UI的设计语言中,投影是其中一个基础层风格样式,它处理好坏也会直接影响到界面品质感。

图片

Dribbble@Gleb Kuznetsov✈

上图是Gleb Kuznetsov的作品,虽然界面设计中没有过多复杂的设计,但是整个界面品质感和细节处理还是挺值得学习的。

我们可以注意以下几个细节,红圈的地方。底部语音是轻拟态质感,其他部分的卡片设计和按钮均用了细腻的投影,而且按钮的投影还有带有色相。

图片

所以对于投影的处理,我们可以看出可以存在两种思路,按钮的使用带有色相的,卡片类的统一灰色投影。

图片
投影的处理步骤

对于这种投影的处理思路,大家可以看上图,以按钮为例,首先将按钮基本形态做好。其次复制一个上层按钮,然后将其长度左右缩小一些,降低透明度50%,第三步就直接将这个按钮模糊处理,模糊值大小可以调节到合适的范围即可。

图片

其实我们看一些优秀的Web端设计,投影出现的概率也是比较大的。通过投影可以增加细节,丰富质感,而且还可以有多种颜色渐变模糊。

 

3.高级图片

图片在整个设计中可以说是重中之重,因为图片占比也是非常大。特别是以图片为主的产品,一定要注意图片的品质感。

图片
29cm官网

29cm的官网,整体版式质感看着就会很高级。大家可以去看看苹果官网,图片又高级,又大,产品质感精致,对于用户来说,只要进入官网就会有想购买的冲动。

图片

29cm官网

选择图片时候需要注意几个点,避开牛皮癣的图,避免花哨图片,一定要高清,这是最基本的要求那么其他的比如角度,亲和力,人像等也是需要注意选择符合产品调性的图。
图片

选择图片需注意的陷阱,比如上图,右侧的图其实作为生活中的照片是很温馨的,也适合发朋友圈。但是如果在设计中,就会显得元素多,而且不够聚焦,左侧的就会更聚焦有力量,有质感。

好了,今天的内容就先讲到这里,我们下期见。

 

原文地址:功夫UX (公众号)
作者: Tony

转载请注明:学UI网》3个好用到尖叫的设计细节,再不知道就晚了!

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

截屏2021-05-13 上午11.41.03.png

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

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


作为设计师,这几个APP你居然不知道

seo达人


 

Behance

对于很多设计师来说,Behance 这款 APP 都非常熟悉,里面汇集了全球优秀的设计师群体。会在上面发布个人或者团队作品,质量都是非常不错的,有助于提高我们的设计眼界。 
图片 
除了设计作品质量较高以外,作品包装的形式也是值得收藏,可以提高我们的作品包装眼界。 
图片 
 

iMuseum 每日环球展览

iMuseum APP 是一款关于博物馆展览资讯的应用,专注于全球艺术展览、博物馆活动,让你时刻了解身边正在进行的展览。这里会提供全球各个国家的展览馆信息,全球博物馆的资讯内容,资讯非常全面。 
图片 
对于设计师来说,看展览绝对是提升审美能力最好的方法之一。通过对艺术作品的欣赏熏陶自己的艺术细胞,提高对艺术的理解,感受艺术氛围也是提升设计感知能力的关键。 
图片 
 

开眼

开眼-带你看更好的世界,这是一个全球精选短视频平台,汇集了创意、动画、时尚、广告、科技、旅行、影视等等领域的优质短视频,还有这些领域的创意人群。
作为设计师眼界很重要,只有看过更优质的内容才能提高我们的眼界,相信开眼绝对可以带给你看世界的眼界,提高我们的感知能力。 
 
图片 
 

instagram

 这是一款免费提供图片或者视频分享的社区应用软件,这里汇集了各领域的人群,有明星达人、设计师、创意人群、普通人群等等。这就相当于一个庞大的朋友圈一样,各领域的人群在自己的圈子分享自己的生活或者工作。 
 
图片 
 
里面有很多优秀的设计师和创意类人群在平台发布自己的作品和经验,可以关注他们,获得更多优质的动态。里面涉及的领域很多,设计、插画、艺术、时尚、摄影、海报、杂志等等,可以去关注体验一下。 
 
图片 
 

Pantone Connect

 
每年的年度颜色相信对于设计师来说都很熟悉,这些年度流行色就来自 Pantone。而 Pantone Connect 苹果版是一款设计师配色软件,这个 APP 主要是帮助设计师简化色彩的选择,提高对于色彩的感知能力,进而提升我们的设计质量和效率。 
图片 
 
这是设计师与色彩专家必备的软件之一,能够精简你的色彩灵感到设计的流程,让你轻松捕捉色彩并运用到设计项目中。
图片 
 

国家地理

提高审美最有效的方式就是多看、多分析、多总结,而多看是比较关键的因素之一,看优秀的设计作品和摄影作品等。《国家地理》杂志(中文版:华夏地理)是一个欣赏摄影作品非常不错的应用,风光、人文、纪实类等摄影作品非常丰富,且摄影作品质量较高。 
 
图片 
 
APP 里面也提供了国家地理杂志的电子期刊,感兴趣的同学可以订阅阅读。可以通过对摄影作品的构图、光影、色彩等分析学习,提高自己的审美能力。 
 
图片 
 

ZCOOL 站酷

 
对于国内设计师来说,站酷应该算是再熟悉不过的了。里面汇集了众多设计师创作的作品和文章,也会举办一些设计相关的比赛,还有很多其他主题活动等。
图片 
 
除了在上面获取设计相关内容以外,我们也可以在平台上发布自己的作品和经验,不仅可以积累作品,也能获得更多机遇,是打造个人 IP 较为理想的平台之一。 
图片 
 

花瓣

这是个人比较喜欢的一个 APP,可以帮助我们采集优秀的设计作品和图片素材等。可以在上面发现你感兴趣的内容,采集你喜欢的作品,整理你的灵感资源库,还能非常方便的分享你的采集。 
图片 
 
花瓣里面的内容都是各位设计师在其它平台采集进去的,部分点击可以进入原始出处,也是非常便利的。主要是手机和电脑都可以同步,不占自己的内存,携带和管理都非常便利。 
 
图片 
 

TOPYS

TOPYS 专注在全球创意、艺术、人文领域寻找最有质感的声音,专访了百余位全球顶级创意人,原创文章内容超过 30000 篇。
图片 
 
在 APP 里面包含了设计、创意、艺术、文化、名人访谈、灵感视频等等内容,通过这个应用可以方便我们了解各领域的最新动态。 
 
图片 
 

VART

这是一个艺术类 APP,功能也比较强大,可以帮助设计师了解艺术展览,根据你的定位查找周边的展览信息。不仅可以搜寻艺术展览和实现展览订票等关联操作以外,也能在应用里面听展、全景观展和了解一些艺术家信息等。
图片 
 
当然展览的海报设计也是不容错过的作品欣赏,这绝对是提升海报设计能力的关键。通过观看艺术展览可以提高我们的艺术细胞,通过了解艺术家可以让我们知道这些艺术作品背后的故事,这些都是提高我们设计感知能力的关键。 
图片 
 

小结

提高我们设计能力的途径有很多,而这些与设计、艺术相关的 APP 也能对我们的提升起到至关重要的作用。今天先给大家分享这几个常用的 APP 作为抛砖引玉,希望可以带给你一些帮助!   
 
 
原文地址:黑马家族(公众号)
 
作者:黑马青年
 
转载请注明:学UI网》作为设计师,这几个APP你居然不知道

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

截屏2021-05-13 上午11.41.03.png

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

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

五个案例教会你怎么做卡通 LOGO (二)

seo达人


在上周的卡通 LOGO 教程中(指路→ 五个案例教会你怎么做卡通 LOGO),我已经讲了一些我个人设计卡通标志的方法及需要注意到的点。那么这次我将会继续带来一些卡通 LOGO 设计的心得。  
 
图片  
 
我真的很喜欢做猴儿,包括猴儿的亲戚猩猩……
这个 LOGO 的设计也是巧合来的,偶然间在 PIN 上看到一张大猩猩的照片,这个姿势非常有趣,仿佛在说:我 TM 真是个大帅比。这个心态我很喜欢,像极了我认识的一个叫猴子的老师…… 
图片  
 
那么还是老办法,我们先大致勾一下这个帅比的轮廓。 
图片  
 
勾出大致轮廓后,观察整体的轮廓形态,还记得上次讲过的吗?卡通形象身体短一些,头大且圆,可爱气质才能突显。所以这里我们先复制一个轮廓出来,再压扁(这样做的目的是为了在精确绘制的时候能把控住头与身体的比例关系)。 
图片 
 
但是这个案例压扁后,我发现头部的比例其实也还可以,那么我就直接拿压扁后的来垫底,开始绘制精致的外轮廓(注意,我们依然要寻找一个起始的锚点,使猩猩是一条完整的合并的形状)。 
在一边绘制的时候,一遍注意让线条尽量顺滑,呈现更几何的状态,我这边标注了下一些地方需要注意。 
图片 
重新绘制后的效果,是不是比草图上的比例更敦实更可爱一些。  
 
 

重点 01

卡通形象的身体比例,四肢稍微短胖点,可爱气质更突显。
这个轮廓完成后,我们就可以开始先给它画上五官。但是这个图形,用什么表情来表现比较合适呢,看着我画好的这个轮廓我突然脑子里……
图片
对,思考者!  
 
然后我就打算让这只猩猩带着点帅气与内涵……
图片 

重点 02

闭眼表情不仅可以代表睡觉,还可以表现思考、沉思等情绪。想了解更多的卡通表情的表达,可以上网搜索。尽量用最少的线面,表达出情绪。
加上闭眼的表情后,那味儿是不是已经出来了,接下来我们再给它上个色,添加一些细节与阴影高光,再看下效果。 
 
 
图片 
上完色后感觉还不错,但是原图的猩猩是坐在树干上的,屁股那边的弧度是一个坐在物体上的状态,所以我们也需要填补一些什么物体让它能稳稳坐着,这里我们又需要展开联想,整个图形你希望呈现一种什么情绪。 
图片 
如果实在不知道画什么,用一个半圆,或者一个有弧度的形状就可以撑住它了。其实到这一步,基本大致完成了,配上文字排版就算搞定了。但是这个图形,因为猩猩的背部跟底部的半弧空出了一块空间,那我们可以用一个背景色去填补它,同时上个颜色,让这只猩猩是在月光下思考。 
图片  
 
 
图片
平时我都比较喜欢宇航员系列的一些小物件,每次看到都忍不住会买,所以一直想做一个宇航员的卡通 LOGO。
老规矩,我们还是先上网搜索一下宇航员大概是什么样的。  
 

重点 03

搜索素材,提取关键特征,是辨识一个卡通图形最好的点。
图片  
看到这些宇航员的图,试着去找出能表现出宇航员这个元素的特征(这里,我发现宇航员的元素是头盔、宇航服),我们再根据这些特征去分析怎么绘制。

图片

 

详细分析过这些元素后,宇航员的配置现在已经比较清楚了,那么现在怎么下手?当然,我们要先想,你想做一个什么姿势/动作的形象?当你无从下手的时候,上网随便看看,或许能找到你喜欢的姿势呢
图片
碰巧看到了这个小企鹅,形象可爱又动感,用到宇航员身上简直太棒了! 
 

重点 04

当你为卡通形象的姿势动作发愁时,试试「借位」的方式用别的物种的动作套到你自己的形象上,可能会有意想不到的收获。
好,那我们现在把这两张图,放在一起,可以用钢笔,也可以用画笔先在电脑上潦草的画一下。 
 
图片  
 
手残党最后的倔强……
图片  
 
画下草图,是为了看个大概……不要计较不要计较!
看过草图之后,我觉得方案可行,那就开始我手绘之路,其实到了绘制这一步,真的没有什么技巧可言了。钢笔练好是关键!  
 
图片  
 
精准绘制这一步根据大家的绘制能力,对比例的拿捏能力,绘制出大体的轮廓,绘制完后,给图形上色,填充细节。但是这样看起来,宇航员还是略显单调,我们可以根据绘制好的形象,给他增加一些点缀或者是合理的物体(这里主体形象是宇航员,那就可以增加与星空、宇宙的小物件),加个星星,既简单又合理,画面也饱满了。
图片
图片 
 
 
图片 
这一类的卡通 LOGO,我概括它为「拟人化且带有行业属性」的卡通标志设计。它不是纯吉祥物形象去展示,它带有人的动作特点,加上能代表行业特征的物体,能够生动地传达品牌行业属性。
上面的案例,可以看出是一只乌龟,推着一辆栽着小树苗的小车,不难看出这个 LOGO 应该是跟盆栽绿植有关。那它是怎么来的呢?平时的大量看图,我的两张库存图片就派上用场了。
一只推着盆栽的乌龟。 
图片
看明白了吧?就是用了乌龟的主体,加上这个土拨鼠推车的动作。首先先粗略勾勒一下乌龟主体。这里的图片参考,乌龟是骑着自行车的,所以我们先不管它的脚。
图片
勾完这一步,我们暂时先不画乌龟的手脚,因为我们是要让它推着车子的,所以我们先调整草图的轮廓线条。这边看草图,我们有几个需要优化的点。
图片 
 

重点 05

在自己优化线条时,尽量把形状做的饱满一些,卡通图形会显得更 Q 弹,可爱。
图片
我们看下调整后的线条,是不是更饱满了些?身体的形态可以了,现在我们来做一下四肢。这张图虽然角度跟我们要绘制的不太一致,但是我们可以看下大概的位置关系。 
图片
画完四肢,我们再根据乌龟的特征,细节,再给自己画好的轮廓加上,上个色再看看效果。 
图片 
最后画栽小树苗的小推车,这边的小推车,我们不做太复杂的处理,我们可以在网上搜一下小推车 icon,一般 icon 的绘制非常简洁,做 UI 的同学应该都知道。
图片
画完小推车再一上色,这个案例就完成啦~
图片 
 
 
图片 
 
猪猪那么可爱,为什么要吃它 ?
为了致敬我天 geigei,我特意做了这个案例(别问为什么,我不会说的)。
不说废话,直接进入正题!偶然在网上看到一张这样的图片,心里直呼也太 TM 可爱了!我想画它!当然,在做这个 LOGO 之前,我的意愿是我要猪猪的……但是不妨碍,我们可以用这个姿势,放在猪猪身上! 
 
图片 
熟睡的小鹿,太美好了~
那么我们就先操作起来!先把小鹿,哦不,猪猪的身子给画出来。还是老办法,先大致绘制一下线条。
图片
绘制后我们看看这个轮廓草图的问题。
图片
针对这些问题我们进行一下重新绘制并优化。
图片
到这一步,猪猪的身子差不多就 OK 了呢,接着我们就可以开始画猪头了!网上找一下猪猪的图片,你可以找实物照片也可以找猪猪的卡通图片。 
图片 
我找了这两张图,还是前面说的,观察特征,细节。角度不完全相同其实不要紧,只要我们能分析出它的特征即可。
这两张图我们可以发现,猪猪的特征是两页大耳朵,至于是往上还是往下摆,这完全看你自己想怎么绘制。然后就是翘起来的猪鼻子,与额头是有一个凹下去的弧度,如果角度不对不方便观察,可以把图片旋转一下,可以更清楚分析出来。
图片

重点 06

有时候参考图片不一定有合适你绘制形象的角度,旋转图片或者镜像,就能得到你想要的。
图片
根据前面的分析特征,我这边绘制了一个猪头,发现细节了吗?猪耳朵收笔的地方,线条变细了,并做了一个圆角。如果你很熟悉我的作品 ,你会发现我很多 LOGO 这类的地方都是这么处理,线条粗细不一也是一种绘制风格,收尾地方加圆角不会那么尖锐。
图片
把两个绘制好的部分合体了!
接下来就是我们的上色、添加高光阴影细节等流程……
图片 
但是发现,这样看起来有点儿单调,那我们还是老办法,给猪猪加一个背景色块吧~加完后明显会好一些,但是现在看,有点头重脚轻是不是,那就再给它加一个阴影。
图片 

重点 07

当你的卡通形象显得头重脚轻时,给它加一个阴影/色块或许能解决这个问题。
加个底色排个版,猪猪就很美很性感啊~~
图片 
 
 
图片 
这个案例其实看着很简单。为什么我要拿这个 LOGO 来讲解呢?这里面涉及到一些做好可爱卡通的点。
做过卡通标志的同学是不是会有一种感觉:自己做的卡通老感觉不够可爱,或者是看着不够高级。其实这里我想说的是,卡通 LOGO 做的好不好,技法跟审美缺一不可。我能分享的只能是一些关键点,还是要靠自己多看好的卡通作品,积累多了就能拿捏住卡通风格的 LOGO 了。 
 
图片 
 
上面这些卡通标志,看着很简单,但是都是非常优秀的作品其实没做太多的装饰,只是一个主体绘制,就能生动地呈现出形象。这类的卡通非常简洁,我个人也比较喜欢。
那我们就开始演示下这类卡通 LOGO 是如何做的,还有哪些需要注意的点。
首先,这类 LOGO 基本都是以动物为主体。我们先确定要做的是什么动物,案例上是一头犀牛,那我们先度娘一下犀牛长啥样!
图片 
 
这里我们分析下犀牛的特征。
图片 
 
如果你觉得用照片分析绘制的难度大,那你也可以搜一下 XX 简笔画,更方便你做成卡通风格。 
 
图片 
分析完后,我们可以先草图一下犀牛的整体轮廓,这里你可以找一些图片去垫底,大致画一下轮廓(方便演示,这里用一张简笔画来垫底绘制)。
图片 
绘制完轮廓草图,我们可以根据这个草图进行绘制并优化规整线条。 
图片 
根据上述问题我们做一步步优化。 
图片 
 

重点 08

这类简洁动物类的卡通 LOGO,关键是头部饱满,身子、四肢短。线条可以设置粗一些,不显得 low。
整体轮廓我们算是做好了,接下来就是填补五官,上色,增加高光/阴影等细节部分。哦,差点忘了我们没有画尾巴。百度下犀牛,参考着画条尾巴,应该不难吧。好了,我们看看成品~ 
图片 

总结 Tips:

1.卡通形象的身体比例,四肢稍微短胖点,可爱气质更突显。
2.闭眼表情不仅可以代表睡觉,还可以表现思考、沉思等情绪。尽量用最少的线面,表达出情绪。
3.搜索素材,提取关键特征,是辨识一个卡通图形最重要的点。
4.当你为卡通形象的姿势动作发愁时,试试「借位」的方式,用别的物种的动作套到你自己的形象上,可能会有意想不到的收获。
5.在自己优化线条时,尽量把形状做的饱满一些,卡通图形会显得更 Q 弹,可爱。
6.有时候参考图片不一定有合适你绘制形象的角度,旋转图片或者镜像,就能得到你想要的。
7.当你的卡通形象显得头重脚轻时,给它加一个阴影/色块或许能解决这个问题。
8.简洁动物类的卡通 LOGO,关键是头部饱满,身子、四肢短。线条可以稍微设置粗一些,不显得 low。

 

原文地址:胡晓波工作室(公众号)

作者:小章鱼

转载请注明:学UI网》五个案例教会你怎么做卡通 LOGO (二)

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

截屏2021-05-13 上午11.41.03.png

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

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


微医APP 3.0 | 健康有道

seo达人


 

原文地址:站酷
作者:风中凌乱的小笼包

转载请注明:学UI网》微医APP 3.0 | 健康有道

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

截屏2021-05-13 上午11.41.03.png

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

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


你今年的目标完成了吗?

seo达人



 

目录 

一、为什么要定目标
二、如何制定目标
三、我的目标是什么
四、如何分配时间
五、如何说服自己坚持
六、要灵活调整
七、要养成输出的习惯
八、要培养自己的自驱力
九、通过分享激励自己
十、通过总结验收自己 
  

 一  为什么要定目标 

如果没有目标,在漫无目的的职场中我们只有虚度光阴,能让专业能力保持原地踏步已是万幸,大部分情况下属于倒退。没有输入只有输出,属于透支自己的专业底蕴,总会有枯竭的时候。 
图片 
 
目标可以让我们在职场中更有方向,把职场路径走得更丰富多样,不会感觉到空虚,会出现阶段性的惊喜。“无心插柳柳成荫”已经不太现实,有心插柳才有可能会出现柳成荫的场景,目标的驱动可以让我们沉淀更多经验和作品,才能有效的证明我们具备更高的专业价值。
想要获得机遇就要拿出匹配机遇的能力,而能力的提升需要目标的驱动,这样才不会虚度光阴,充分的利用好闲余时间至关重要。 
图片  
 

 二  如何制定目标 

目标的制定是为了能完成它,而不是一个摆设,如何制定有效的目标才是关键。目标不需要定得很大,不一定是跨度长时间的长期目标,也可以制定很多短期目标。
如果以年为单位制定年度目标,要把它拆分为月度子目标,然后再细分到周或者天的颗粒单位内。目标的内容可以分为专业方向和兴趣方向,专业方向:作品输出、新技术学习、经验输出、书籍阅读、学习计划等等;兴趣方向与专业无关,是为了劳逸结合。 
图片 
目标不要设定太遥远,哪怕就是这个月要出一套作品定为目标,也是比较切合实际的。主要的不是目标的内容,而是如何分配和坚持,要逼着自己去完成,不能想起来就做一下,定个闹钟或者备忘录提示,时刻提醒自己要行动。 
  

 三  我的目标是什么 

2021 年初的时候我给自己定了这一年要输出 50 篇原创文章,涉及作品分析、职场经验、专业思考、设计教程、体验总结、工具推荐等等模块。比较开心的是我在最后一天如约完成了,其实拆分到以周为单位,这个量其实就会显得轻而易举。目标最主要的就是要拆分,只要细分之后按部就班地推进,自然是可以完成的。 
图片 
在 2022 年即将开始之际,我也在构思新的目标方向,除了继续坚持经验总结以外,要完成 100+ 的作品输出,还在对目标进行调整和细化,希望明年年底的时候我们一起来验收。  
 

 四  如何分配时间 

制定目标很容易,往往影响的因素是时间管理,三分热度谁都会,长期坚持才是至关重要的。
比如以一个月输出一套作品(20个主要界面)举例,要把时间细分到每天做多少,比如一天完成一个界面设计,那其实也就是 1-2 小时的量,你只要每天能固定投入两小时左右的时间,20 天左右是基本能完成界面设计部分的,剩下的时间用于调整和包装,是足够实现这个目标的。 
图片  
高效时间管理能够细分到每天的小时为单位,甚至有分钟为单位的,我们只要可以控制每天固定抽出两小时左右的时间即可。哪怕不是连续性的时间都没事,碎片化时间投入也可以,只要当日目标当日完成即可。  
 

 五  如何说服自己坚持 

自驱力是完成目标的关键,万事俱备却没有坚持,一切都会打回原形。一些设计师陷入温水煮青蛙的环境中,自驱力比较弱,就算定了目标也很难坚持到最后。
如何说服自己坚持比较关键,要培养自己的危机感,多和优秀的设计师对比,打击自己才能让自己清醒一点。也可以去面试一下,看看自己距离理想的公司有多少差距,知道自己的不足才能更有动力去改变。在一些团队或者组织里面交流,通过交流发现自己的缺点和不足,对照组织里面比较好的伙伴,以此为目标参照。
说服自己需要有打击,没有对比就没有“伤害”,没有“伤害”就没有自驱力。 
图片  
 

 六  要灵活调整 

目标并不是一成不变的固守,制定目标的时候是无法知道未来可能发生的变化,在执行目标的过程中如果发现不对,要灵活调整。
调整目标的细节和方向,或者放弃方向不对的目标,重新制定新的目标。与其耗费时间和精力去完成一个没有意义和价值的目标,不如掉头走出一条新的路径。 
图片  
 

 七  要养成输出的习惯 

在目标执行过程中要阶段性的总结,去输出完成目标过程中的经验,反思和总结才能发现更多问题,及时调整方向。
比如目标是输出 100 个 UI 设计作品,那我们可以在输出一定数量的时候做一次总结,梳理一下自己的思路和创作想法。或者进行一下作品包装,阶段性的整理和总结可以让我们停下来复盘,如果发现不足的地方可以记录问题所在,在后期继续创作的过程中及时调整。
图片  
 

 八  要培养自己的自驱力 

我们之所以会在职场中出现瓶颈期,自驱力不足是其中的一个因素,知道自己的不足,却不愿意去动手。刻意改变自己势在必行,顺其自然只会越陷越深。
往往环境很重要,和一群努力的设计师一起,氛围的熏陶也会推着自己前进。制定目标是为了给自己施压,在压力的促使下逼着自己去改变。首先可以找一个厉害的组织,和一群优秀的设计师交流;其次是和大家一起制定一个学习目标或者作品输出目标,有了互相促进的事情去完成,就不会虚度光阴;最后也可以系统性的学习提升,在没有好的组织的基础上,可以通过学习来改变自己。
无法通过自身唤醒驱动力,就要借助外部力量,氛围的营造至关重要。  
图片  
 
 

 九  通过分享激励自己 

分享是一件利人利己的事情,不仅可以帮助和自己有共勉的伙伴,也能通过分享获得建议。输出作品怕的是思维固守,往往旁观者的建议可以让我们看清隐藏的问题。
分享也是一个查漏补缺的过程,在总结经验的过程中也是一种系统性的梳理,遇到模棱两可的知识点,我们可以通过查阅资料等形式去验证。分享也是打造个人 IP 的形式,在设计平台上可以吸引更多同行交流,也有可能遇到好的机遇。分享获得的提升和机遇可以成为激励自己的形式,如果分享的作品获得平台认可也是对自己的一种认可,获得读者的认可也能带来更多的自信心。  
图片  
分享是对于自己和他人来说都非常有益的事情,这样才能让我们在实现目标的过程中,找到更多的成就感和自信心。  
 
 

 十  通过总结验收自己 

不能盲目的一直执行目标,这样会陷入不自知的迷雾中,有时候也要抬头仰望,也许会让自己更清醒。 
图片  
我们要阶段性的对自己的目标进行总结,验收自己完成目标的质量和效率,是否出现为了完成目标而忽略细节的情况。完成目标固然重要,但是目标带来的转化才是最重要的,如果只是完成而没有收获,那也是在做一件事倍功半的事情。如果自己的验收能力较弱,也要学会找比自己优秀的人来审核自己,借助别人的专业能力来对自己的能力输出进行把关。  
 
图片  
通过总结验收自己的目标很重要,特别是年度总结,这是验收完成度和总结经验的关键。目标执行过程中的季度总结或者月度总结也需要跟进,这是确保目标完成度和方向感的关键,便于及时调整。  
 
 

 小结 

关于目标说起来容易,制定出来也简单,而坚持到底最终完成目标才是关键。本文主要是和大家分享自己关于目标的理解和经验,希望在 2022 年我们可以制定出更符合自己的目标,最终我们都能完成它,收获更多经验提高自己的专业能力。
本文观点仅代表个人经验总结,如有不足欢迎大家留言补全,我们互相进步。   
 
原文地址:黑马青年(公众号)
 
作者:黑马青年
 

转载请注明:学UI网》你今年的目标完成了吗?

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

截屏2021-05-13 上午11.41.03.png

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

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



这些大佬的作品好看?我直接把源文件帮你搞到手了!

seo达人


图标类的

我们来看看吧,这图标的质量:

图片

图片

图片

图片

图片

图片

图片

图片

怎么说呢,可以说是应有尽有,而且很有风格属性,并不是普通图标网站可以下载到的,拿到源文件偷偷学习里面的制作方法,获取灵感,必须都是妥妥的!

 

ui kit

除了图标,还有很多ui kit,很多同学不是不知道怎么做UI kit吗,这么多源文件,你就看吧:

图片

图片

图片

风格那是多种多样的,就不多别的,点进去看看人家的投影为什么这么干净,那也是一种学习:

图片

看看人家的规范控件怎么弄的:

图片

你就研究吧。

 

网页

还有网页的,也下载了一些,我们看看人家这质量和感觉:

图片

图片

图片

图片

很多排版方式都是可以学习借鉴的。

而且他们的源文件里面,图片都是给你隐藏的,他的版式骨架一目了然,学习成本也降低了:

图片

图片

还有我们看看人家这配图:

图片

质量那也算是比较ok的,看起来都是赏心悦目的,杠杠滴!

 


 

原文地址:菜心设计铺(公众号)

作者:菜心设计铺

转载请注明:学UI网》这些大佬的作品好看?我直接把源文件帮你搞到手了!

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

截屏2021-05-13 上午11.41.03.png

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

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


设记·2021牙线作品集

seo达人

莫b

收藏

收藏

收藏

原文地址:站酷
作者:牙线y2x

转载请注明:学UI网》设记·2021牙线作品集

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

截屏2021-05-13 上午11.41.03.png

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

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



日历

链接

个人资料

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

存档