开发素养(设计篇1)-设计风格

每个产品的设计都具有自己风格和特性,设计本身就是在表达。银行网站可能表达的是安全和专业的交流,而时尚的初创公司可能会给人感觉有趣和好玩的设计。

而风格由几个点决定,1、拍脑袋的人是个什么样风格的人(他喜欢什么风格)。2、产品是个什么风格的产品。3、公司的整体风格是什么样的。

而设计总是能够综合这些来做决定,这对于设计很难,因为需要摒弃掉自己的想法,去磨合一些冲突的风格,甚至强行要去做一些不够好看的东西,所以有的时候我们作为开发真的要体谅一下设计。

从表面上看,赋予一个设计一个特定的风格可能听起来很抽象,但它在很大程度上是由一些细节和具体的因素决定的。

Font choice

字体在决定一个设计的感觉方面起着重要的作用。

如果你想要一个优雅或经典的外观,我们可能要在设计中加入一系列字体:

优雅经典:

好玩有趣:

朴素,然后由其他元素来补充风格和特性:

Color

有很多关于颜色心理学的科学理论,但其实在实践中,我们真的只需要注意不同的颜色对我们自己的的感觉。

就像蓝色是安全的,也是很熟悉的,舒适的一种颜色:

金色带来的感觉是贵、高贵、昂贵:

粉色是更有趣一些:

简单教大家一个小技巧,有的时候我们在选择配色的时候,经常会想这个地方的颜色什么比较合适,用现实世界中比较喜欢的东西的颜色是个比较好的类比法。

Border Radius

圆角对于整体设计感也是一个因素。

小圆角通常就比较中性,不主动表达意愿

一个大圆角则显得有趣一些:

没有圆角的感觉则是严肃或正式:

但是无论我们选择什么,保持设计的一致都是很重要的。不然就会带来一种冲突和混乱的感觉。

文案

这点其实非常好理解,假设你在做政府网站,你的文案应该是更专业和正式的,而对于一个好玩的C端,语言应该可以跳脱一些。但总体都是有一个原则,清晰的表达意图

而对于文案的另一部分则是,有一些字放在设计里面就是会很难看,不管是英文网站的设计还是中文网站,这也是很多做国际化应用的痛点和通病。

决策

在开始我吐槽了一下国内传统公司的设计风格。

在最后,想要教大家一个小技巧,这个技巧的前提是你有一定的话语权。当你自己很难下决策,或者觉得决策过于复杂、很难说服别人。那么就可以看看最终要面向的群体的人在使用的其他网站(...看点好的),以此为论点去说服领导和同事。

当然这个意思不是说全抄,借鉴和抄的区别大家应该能理解,全抄就是属于是他家产品的二流版本了,

相关推荐
想用offer打牌2 小时前
MCP (Model Context Protocol) 技术理解 - 第二篇
后端·aigc·mcp
崔庆才丨静觅2 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60613 小时前
完成前端时间处理的另一块版图
前端·github·web components
KYGALYX3 小时前
服务异步通信
开发语言·后端·微服务·ruby
掘了3 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅3 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅4 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
爬山算法4 小时前
Hibernate(90)如何在故障注入测试中使用Hibernate?
java·后端·hibernate
崔庆才丨静觅4 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment4 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端