通通玩blend美工(7)——简约而不简单的块

简介: 原文:通通玩blend美工(7)——简约而不简单的块      最近在研发一个WPF快速开发框架,满脑子都是各种逻辑各种模式,写一篇比较休闲娱乐的博客,宣泄下我对美工的热爱。   我一直以来有意无意在手机应用或者各种网站上看到这么一种风格按钮,明明很简单,却有一种很清新感觉。
原文: 通通玩blend美工(7)——简约而不简单的块

 


 

  最近在研发一个WPF快速开发框架,满脑子都是各种逻辑各种模式,写一篇比较休闲娱乐的博客,宣泄下我对美工的热爱。

  我一直以来有意无意在手机应用或者各种网站上看到这么一种风格按钮,明明很简单,却有一种很清新感觉。一种独特的质感,让你很想去触摸。看了 万仓一黍 分享的

PS网页设计教程II——在Photoshop中创建健康及营养或健身的网站

有了启发,这种配色这种质感,就是一直以来我想要的感觉。于是就产生了这个正则表达式替换测试工具

    

效果:

 别点了,这只是WPF应用程序的截图,在移植到silverlight的时候,水印字总是会出现黑色的描边,而且是有的地方有有的地方木有。以我对silverlight的理解我就果断放弃了。文章最后提供了exe的下载及源码,有兴趣的可以下回去玩玩。
 

  

 

1.总体思路


  下面我就来分析一下,为什么这些块怎么会这么有质感。  

  仔细观察下,

  1:的地方有一团白色的阴影,我的理解是:在现实中,我们对材质的区分,基本都是通过材质的光泽来区分的,金属反光很强、塑料制品的反光就比较柔和、朦胧。所以我认为,要做得有质感,首先就得光泽定位好。

  2:的地方有一团阴影,现实中常见的物品都不会有绝对的平整,观察一下桌子上的书本纸张的边缘,是不是根据纸张的不平整阴影有深有浅。

  人对新事务的第一印象,首先都会来源于生活中的常识。只要做得越接近常识,浅意识就会告诉你它就是某类东西,包括那类东西的其他属性,比如:手感啊、温度啊什么的。作为一名用户,他不会关心光泽啊、阴影啊什么的,感觉好就是好作品,如果能勾起用户初恋的感觉,那就牛掰了。

  (个人理解,仅供参考...貌似我应该买本心理学的书籍看看)

 

 

 

2.详细设计


   整个界面都是由几个一样风格的块组成的,这里我们就来画一个块。

  首先,拖入一个块,填充颜色(#FF4C9EC0)

  添加一个阴影让它看起来有立体感一点

   画两个黑块,等下模糊了用来做不平整的阴影。

  改变一下层叠顺序

  添加一个模糊效果

  接下来画出上面的光泽

  先把方块再复制一份

  对其应用渐变填充,参数如下

都为白色,右边那个点的透明度为0

添加上水印字

果断对Grid右键,构成TextBox控件吧。 

后台代码,简单得不能再简单了,每个按钮一句话。看源码吧

 

 

后记


  这篇博客在这个系列里技术方面确实难度低了点。但是在另外一个层面来说对交互设计的理解升华到了主导用户心里的阶段。(其实是本人童心未泯,十分中意这种效果,很想拿出来和同样喜欢这种效果朋友分享o(∩_∩)o )

  程序下载:

  http://files.cnblogs.com/tong-tong/Regex.rar

  想要免费样式的就果断下载源码咯:

  http://files.cnblogs.com/tong-tong/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7.rar

  

 

 

 

 

  

目录
相关文章
|
3天前
|
人工智能 自然语言处理 Shell
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
仅用3分钟,百炼调用满血版Deepseek-r1 API,享受百万免费Token。阿里云提供零门槛、快速部署的解决方案,支持云控制台和Cloud Shell两种方式,操作简便。Deepseek-r1满血版在推理能力上表现出色,尤其擅长数学、代码和自然语言处理任务,使用过程中无卡顿,体验丝滑。结合Chatbox工具,用户可轻松掌控模型,提升工作效率。阿里云大模型服务平台百炼不仅速度快,还确保数据安全,值得信赖。
157353 24
深度评测 | 仅用3分钟,百炼调用满血版 Deepseek-r1 API,百万Token免费用,简直不要太爽。
|
5天前
|
人工智能 API 网络安全
用DeepSeek,就在阿里云!四种方式助您快速使用 DeepSeek-R1 满血版!更有内部实战指导!
DeepSeek自发布以来,凭借卓越的技术性能和开源策略迅速吸引了全球关注。DeepSeek-R1作为系列中的佼佼者,在多个基准测试中超越现有顶尖模型,展现了强大的推理能力。然而,由于其爆火及受到黑客攻击,官网使用受限,影响用户体验。为解决这一问题,阿里云提供了多种解决方案。
16999 37
|
13天前
|
机器学习/深度学习 人工智能 自然语言处理
PAI Model Gallery 支持云上一键部署 DeepSeek-V3、DeepSeek-R1 系列模型
DeepSeek 系列模型以其卓越性能在全球范围内备受瞩目,多次评测中表现优异,性能接近甚至超越国际顶尖闭源模型(如OpenAI的GPT-4、Claude-3.5-Sonnet等)。企业用户和开发者可使用 PAI 平台一键部署 DeepSeek 系列模型,实现 DeepSeek 系列模型与现有业务的高效融合。
|
5天前
|
并行计算 PyTorch 算法框架/工具
本地部署DeepSeek模型
要在本地部署DeepSeek模型,需准备Linux(推荐Ubuntu 20.04+)或兼容的Windows/macOS环境,配备NVIDIA GPU(建议RTX 3060+)。安装Python 3.8+、PyTorch/TensorFlow等依赖,并通过官方渠道下载模型文件。配置模型后,编写推理脚本进行测试,可选使用FastAPI服务化部署或Docker容器化。注意资源监控和许可协议。
1311 8
|
13天前
|
人工智能 搜索推荐 Docker
手把手教你使用 Ollama 和 LobeChat 快速本地部署 DeepSeek R1 模型,创建个性化 AI 助手
DeepSeek R1 + LobeChat + Ollama:快速本地部署模型,创建个性化 AI 助手
3416 117
手把手教你使用 Ollama 和 LobeChat 快速本地部署 DeepSeek R1 模型,创建个性化 AI 助手
|
8天前
|
人工智能 自然语言处理 API
DeepSeek全尺寸模型上线阿里云百炼!
阿里云百炼平台近日上线了DeepSeek-V3、DeepSeek-R1及其蒸馏版本等六款全尺寸AI模型,参数量达671B,提供高达100万免费tokens。这些模型在数学、代码、自然语言推理等任务上表现出色,支持灵活调用和经济高效的解决方案,助力开发者和企业加速创新与数字化转型。示例代码展示了如何通过API使用DeepSeek-R1模型进行推理,用户可轻松获取思考过程和最终答案。
|
5天前
|
人工智能 自然语言处理 程序员
如何在通义灵码里用上DeepSeek-V3 和 DeepSeek-R1 满血版671B模型?
除了 AI 程序员的重磅上线外,近期通义灵码能力再升级全新上线模型选择功能,目前已经支持 Qwen2.5、DeepSeek-V3 和 R1系列模型,用户可以在 VSCode 和 JetBrains 里搜索并下载最新通义灵码插件,在输入框里选择模型,即可轻松切换模型。
934 14
|
12天前
|
API 开发工具 Python
阿里云PAI部署DeepSeek及调用
本文介绍如何在阿里云PAI EAS上部署DeepSeek模型,涵盖7B模型的部署、SDK和API调用。7B模型只需一张A10显卡,部署时间约10分钟。文章详细展示了模型信息查看、在线调试及通过OpenAI SDK和Python Requests进行调用的步骤,并附有测试结果和参考文档链接。
1938 9
阿里云PAI部署DeepSeek及调用
|
9天前
|
人工智能 数据可视化 Linux
【保姆级教程】3步搞定DeepSeek本地部署
DeepSeek在2025年春节期间突然爆火出圈。在目前DeepSeek的网站中,极不稳定,总是服务器繁忙,这时候本地部署就可以有效规避问题。本文以最浅显易懂的方式带读者一起完成DeepSeek-r1大模型的本地部署。
|
12天前
|
缓存 自然语言处理 安全
快速调用 Deepseek API!【超详细教程】
Deepseek 强大的功能,在本教程中,将指导您如何获取 DeepSeek API 密钥,并演示如何使用该密钥调用 DeepSeek API 以进行调试。

热门文章

最新文章