前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >如何从Dribbble的“飞机稿”中汲取营养?

如何从Dribbble的“飞机稿”中汲取营养?

作者头像
用户5009027
发布于 2019-06-02 13:13:20
发布于 2019-06-02 13:13:20
1.3K0
举报
文章被收录于专栏:静Design静Design

关注+标星「静Design

海量设计干货 每天准时放送

不管你同不同意,Dribbble上的设计都在直接或者间接的影响着我们的UI设计趋势的变革,虽然有些设计看起来只是飞机稿,有些则没有考虑产品的真实需求。但是咱们UI设计师小伙伴却善于提炼和改进,将这些设计趋势和风格为我所用,提炼出适合本国产品和用户的界面。比如直接我们提到过,腾讯QQ手机端改版中大量使用无分隔线的设计,就是这种趋势的再利用和深度思考所产生的结果

因此,有人问我怎么看待Dribbble,我想说:当你真正能从这些Dribbble风设计中看到趋势,并加以思考,创造出独特的属于自己的风格,且被市场和用户认同的时候,这才是你真正进入UI设计后半场真正的入场券。

接下来,让我们看看最近Dribbble中的优秀(fei ji gao)设计吧!记得,欣赏的过程中提炼+批判+思考,这才是学习的正确方式哦~

这个游乐园主题的设计运用了大量的插画和鲜艳的颜色进行搭配,白色背景与大阴影的搭配让浏览者眼前一亮。这也是典型的Dribbble风格,相信大家都能明白。

设计师:Moze

https://dribbble.com/shots/6369889-Park-navigation-app-Vol-1

如果是图书类型的应用,你会选择怎样的设计风格呢?好的,同样是白色背景,无边框设计已经大量鲜艳颜色的使用,其实看多了,我们能找出这种类型设计的规律来。总结一下,就是:矢量插画+艳丽色彩+白背景+大阴影+大留白。Get到了吗?想一想,如果让你来做一个图书类型的应用,除了这样的风格,怎么能让自己的设计显得更加与众不同而不是完全的为了Dribbble而Dribbble呢?

设计师:Anton Mikhaltsov

https://dribbble.com/shots/6367657-Reading-App-Design

下面这个设计是国内UI设计师的作品。其实,我们仔细观察,会发现不少套路,抛开这样颜色纯净的书封面,那么这样的设计稿是否具有足够高的可用性。毕竟,不是所有的书都是这样的风格,那么作为设计师的大家应该如何处理?从一定程度上来说,下面这个设计稿,并不能算正面例子。他的最大意义是让我们了解配图对于设计稿的重要性。

设计师:Mr.Shi Li

https://dribbble.com/shots/6368615-New-Bookstore8

接下来欣赏一副插画作品,简单的线条勾勒出一男一女的生活,那么他们两个人到底在干什么呢?睡觉还是?大家自己 猜一猜。方块和圆形的搭配是这幅图俄亮点,女性是柔软的曲线,男性是刚硬的直线。对比鲜明。

设计师:Afterglow

https://dribbble.com/shots/6369340-Psychology-Illustration-Poster

印度尼西亚设计师的作品,绿色的美食应用。emmmm,绿色也许是很清新的颜色,但是对于我们国内的小伙伴来说,可能缺少那么一点点食欲。大家怎么看呢?反正,我觉得看了绿色后,不太饿了(笑)。在本作中,大家可以学习一下navibar的设计,通常,它会和轮播图各搭界一半,形成视觉层次感。

设计师:Sulton hand

https://dribbble.com/shots/6369568-Food-Recipes-App/attachments/1363850

其实静电总想在Dribbble中给大家找一点不一样的风格的设计,因为插画风看多了也是会腻歪的。那么这幅大家觉得如何?健身类型的应用。当然,这里我们又Get到一个设计的诀窍,纯色背景!你会发现,如果你随便扔上去一张乱糟糟的模特图片,你的设计马上就完蛋了。这个设计的特点就是模特背景全部是精挑细选的图片,看起来是不是精致了很多?那么?各位小伙伴,你是不是要考虑下,自己拿起相机,租个摄影棚,来拍摄一些这样的照片?或者把他们抠出来重新处理来用,会更好一些呢?这对于我们的后期运营提出了超级高的要求。怎么说,设计总是在不断的妥协中成长吧。

设计师:Ramotion

https://dribbble.com/shots/6302983-Vshr-d-Mobile-Design

下面这幅图,我们要学习的,就是它更纯净,更鲜艳的颜色。总感觉这样的图稍微有些调皮和有趣,它们适合用在更有风格的产品中,而不是过于商务和正统的产品。因此,请大家在设计任何一类产品时,务必考虑产品的调性,公司的风格。因为不是所有的企业和用户都喜欢这样的风格。

设计师:Mike | Creative Mints

https://dribbble.com/shots/6285205-Bogo-Apps-Web-site-design

想象一下,图片对于一副设计来说是否特别的重要呢?人如果下面这个图换成一副照片,或者科幻电影里那样的场景,那就真的更酷了。所以,这幅作品给我们的启示就是,选图太重要了。

设计师:Walid Beno

https://dribbble.com/shots/6361527-Titan-Mining-Concept

当我们看了太多的设计后,你是否会感慨,现在的UI设计已经不是单纯的排版了,而是在拼配图。确实,这就是UI设计的后半场,也是所有设计的后半场,网页设计,app设计,还有各种各种设计。(摊手)现在的设计形式越来越多样化,多元化,各位UI设计师也不能仅仅局限于排版了,当进入后半场,要么思维强(广度和深度),执行力强,要么技术更牛,你会选择哪一种发展方向呢?

不管是不是飞机稿,希望各位设计师都拥有足够的能力,将自己的设计稿变现,被市场认可,被用户认可。

设计师:Roman Klčo

https://dribbble.com/shots/6362521-Fuel-Station-at-Night

欣赏的过程中提炼+批判+思考,

这才是学习的正确方式哦~

而单纯的临摹,不分场景和用户的套模板

最终会让你走入死胡同

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-04-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 静Design 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
AI 爆火背后,Spring Boot SSE 推送该怎么学?
最近 AI 爆火,与之相关的技术也成为香饽饽,SSE 推送就是其中之一。SSE,全称 Server-Sent Events,是 HTML5 Web API 的一员。它能让网页低延迟、高效地接收服务器实时更新,通过 HTTP 协议实现服务器主动向客户端推送数据。借助持久化 HTTP 长连接,服务器可以向客户端实时推送数据,不过客户端无法通过 SSE 向服务端回传数据。
lyb-geek
2025/04/29
2080
AI 爆火背后,Spring Boot SSE 推送该怎么学?
聊聊SpringAI流式输出的底层实现?
在 Spring AI 中,流式输出(Streaming Output)是一种逐步返回 AI 模型生成结果的技术,允许服务器将响应内容分批次实时传输给客户端,而不是等待全部内容生成完毕后再一次性返回。
磊哥
2025/04/24
1340
聊聊SpringAI流式输出的底层实现?
(5)Spring WebFlux快速上手——响应式Spring的道法术器「建议收藏」
如上图所示,左侧为基于spring-webmvc的技术栈,右侧为基于spring-webflux的技术栈,
全栈程序员站长
2022/07/25
4.5K0
(5)Spring WebFlux快速上手——响应式Spring的道法术器「建议收藏」
深入剖析 Spring WebFlux
WebFlux 是 Spring Framework5.0 中引入的一种新的反应式Web框架。通过Reactor项目实现Reactive Streams规范,完全异步和非阻塞框架。本身不会加快程序执行速度,但在高并发情况下借助异步IO能够以少量而稳定的线程处理更高的吞吐,规避文件IO/网络IO阻塞带来的线程堆积。
冬夜先生
2021/10/12
1.2K0
Spring Boot从入门到精通-使用WebFlux进行响应式编程(1)
例如,在以往的编程方式中,定义了一个变量a=b+c。b和c在以后的程序中发生了变化,但是a的值却还是开始的值;但是在响应式编程中a的值却依然可以根据b和c进行改变。
我的小熊不见了丶
2019/05/22
1.8K0
Spring-webflux默认使用Netty?
spring-webflux是spring在5.0版本后提供的一套响应式编程风格的web开发框架。
猫头虎
2024/04/08
5880
Spring-webflux默认使用Netty?
Spring WebFlux之SSE服务器发送事件
ChatGPT 刚出的时候,让大伙很好奇的是它是如何实现的逐字输出的?答案就是 SSE (服务器发送事件)。随着实时数据和响应式编程的需求不断增加,服务器发送事件(Server-Sent Events,简称 SSE)在现代 Web 应用程序中越来越受欢迎。SSE 提供了一种轻量级的服务器推送数据给客户端的方式,适合用于监控、实时通知、股票价格更新等场景。
CoderJia
2024/10/27
5460
Spring-webflux 响应式编程
Spring 提供了两个并行堆栈。一种是基于带有 Spring MVC 和 Spring Data 结构的 Servlet API。另一个是完全反应式堆栈,它利用了 Spring WebFlux 和 Spring Data 的反应式存储库。在这两种情况下,Spring Security 都提供了对两种堆栈的支持。
鱼找水需要时间
2023/02/16
1.5K0
Spring-webflux 响应式编程
SpringFlux入门(上篇)SpringBoot WebFlux
SpringBoot WebFlux 什么是响应式编程 百度百科:响应式编程是一种面向数据流和变化传播的编程范式。这意味着可以在编程语言中很方便地表达静态或动态的数据流,而相关的计算模型会自动将变化的值通过数据流进行传播 通俗理解:关于非阻塞应用程序,它们是异步的和事件驱动的,并且需要少量的线程来垂直缩放(即在JVM内)而不是水平的(即通过集群) 什么是flux Spring WebFlux是Spring Framework 5.0中引入的新的反应式Web框架。与Spring MVC不同,它不需要Servl
tanoak
2018/06/06
2.1K0
重学SpringBoot3-Spring WebFlux之HttpHandler和HttpServer
前几篇文章介绍了Spring Boot 3 响应式编程的核心内容 Reactor, 通过集成 Reactor,使得响应式编程变得更加简便和高效。本篇博客将继续详细介绍 Reactor 中的 HttpHandler 和 HttpServer,帮助你更好地理解和使用响应式编程。
CoderJia
2024/10/24
2690
异步编程 - 11 Spring WebFlux的异步非阻塞处理
我们这里主要探讨Spring框架5.0中引入的新的WebFlux技术栈,并介绍其存在的价值与意义、并发模型与适用场景、如何基于WebFlux实现异步编程,以及其内部的实现原理。
小小工匠
2023/09/09
2.5K0
异步编程 - 11 Spring WebFlux的异步非阻塞处理
Spring Boot 中的响应式编程和 WebFlux 入门
Spring 5.0 中发布了重量级组件 Webflux,拉起了响应式编程的规模使用序幕。
纯洁的微笑
2019/05/06
3.7K0
Spring Boot 中的响应式编程和 WebFlux 入门
深入剖析 Spring WebFlux
WebFlux 是 Spring Framework5.0 中引入的一种新的反应式Web框架。通过Reactor项目实现Reactive Streams规范,完全异步和非阻塞框架。本身不会加快程序执行速度,但在高并发情况下借助异步IO能够以少量而稳定的线程处理更高的吞吐,规避文件IO/网络IO阻塞带来的线程堆积。
2020labs小助手
2021/10/12
11K0
Spring Boot 2 快速教程:WebFlux 快速入门(二)
摘要: 原创出处 https://www.bysocket.com 「公众号:泥瓦匠BYSocket 」欢迎关注和转载,保留摘要,谢谢!
二哥聊运营工具
2021/12/17
2.5K0
Spring Boot 2 快速教程:WebFlux 快速入门(二)
Spring Boot 2 快速教程:WebFlux 集成 Thymeleaf(五)
上一讲,我们用 MongoDB 来实现 WebFlux 对数据源的操作。那么有了数据需要渲染到前台给用户展示。这就是本文关心的 View 层。View 的表现形式有很多,比如 JSON 和 HTML。开发中常用模板语言很常见的有 Thymeleaf、Freemarker等。那
二哥聊运营工具
2021/12/17
5780
Spring Boot 2 快速教程:WebFlux 集成 Thymeleaf(五)
艿艿连肝了几个周末,写了一篇贼长的 Spring 响应式 Web 框架 WebFlux!市面第二完整~
摘要: 原创出处 http://www.iocoder.cn/Spring-Boot/WebFlux/ 「芋道源码」欢迎转载,保留摘要,谢谢!
芋道源码
2020/06/01
6.1K0
Spring Boot 集成 WebFlux 开发 Reactive Web 应用Spring Boot 集成 WebFlux 开发 Reactive Web 应用
IBM的研究称,整个人类文明所获得的全部数据中,有90%是过去两年内产生的。在此背景下,包括NoSQL,Hadoop, Spark, Storm, Kylin在内的大批新技术应运而生。其中以RxJava和Reactor为代表的响应式(Reactive)编程技术针对的就是经典的大数据4V( Volume,Variety,Velocity,Value)中的Velocity,即高并发问题,而在Spring 5中,引入了响应式编程的支持。 本章介绍 Spring Boot 如何集成Spring 5 中的WebFlux 开发响应式 Web 应用。 1.1 响应式宣言
一个会写诗的程序员
2018/08/17
1.6K0
Spring Boot 2.0 WebFlux 上手系列课程:快速入门(一)
Spring Boot (Boot 顾名思义,是引导的意思)框架是用于简化 Spring 应用从搭建到开发的过程。应用开箱即用,只要通过一个指令,包括命令行 java-jar 、 SpringApplication 应用启动类 、 Spring Boot Maven 插件等,就可以启动应用了。另外,Spring Boot 强调只需要很少的配置文件,所以在开发生产级 Spring 应用中,让开发变得更加高效和简易。目前,Spring Boot 版本是 2.x 版本。Spring Boot 包括 WebFlux。
二哥聊运营工具
2021/12/17
1.1K0
Spring Boot 2.0 WebFlux 上手系列课程:快速入门(一)
使用Kotlin开发一个Spring Boot Webflux Streaming应用(附视频)
首先我们来看一段视频,然后开始今天的内容: 上面这样的效果正是我们使用spring webflux实现的。 整体思路 整个项目分为两部分: 1、service。service是一个使用Kotlin来编
ImportSource
2018/04/03
2K0
使用Kotlin开发一个Spring Boot Webflux Streaming应用(附视频)
Spring WebClient vs. RestTemplate
本教程中,我们将对比 Spring 的两种 Web 客户端实现 —— RestTemplate 和 Spring 5 中全新的 Reactive 替代方案 WebClient。
用户1516716
2019/09/05
3.2K0
推荐阅读
相关推荐
AI 爆火背后,Spring Boot SSE 推送该怎么学?
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档