随笔分类 - 设计
摘要：1. 融合效果 融合效果是指对两个接近的元素进行高斯模糊后再提高对比度，使它们看上去“粘”在一起。在之前的一篇文章中，我使用 Win2D 实现了融合效果，效果如下： 不过 Win2D 不适用于 WPF，在 WPF 中可以使用 BlurEffect 配合自定义 Effect 实现类似的效果。Handy
阅读全文
摘要：1. 融合效果 在 CSS 中有一种实现融合效果的技巧，使用模糊滤镜（blur）叠加对比度滤镜（contrast）使两个接近的元素看上去“粘”在一起，如下图所示： 博客园的 ChokCoco 就用这个技巧实现了很多不同的玩法并写了很多文章，例如这篇： 你所不知道的 CSS 滤镜技巧与细节 我一直对这
阅读全文
摘要：1. 前言 最近需要一个 WPF 的表盘控件，之前 Cyril-hcj 写过一篇不错的博客 《WPF在圆上画出刻度线》，里面介绍了一些原理及详细实现的代码： double radius = BackEllipse.Width / 2; double min = 0; double max = 100
阅读全文
摘要：继续玩玩彩虹文字，这次用 LinearGradientBrush 并且制作成按钮，虽然没技术含量反而有些实用，这就是返璞归真吗。 首先来回忆下 LinearGradientBrush 的用法。LinearGradientBrush 表示线性渐变的画刷，它的 StartPoint 和 EndPoint
阅读全文
摘要：本文将简单介绍如何仅使用 Rectangle 实现圆柱形进度条，成果如上图所示。 圆柱形进度条不难实现，不过有趣的是它完全由代表矩形的 Rectangle 组成，这稍微有点反直觉。 首先我们需要重温一些基础知识：Rectangle 显示带圆角的矩形。用 RadiusX 和 RadiusY 可分别指定
阅读全文
摘要：1. 前言 兴致来了玩玩 WPF 的彩虹文字。不是用 LinearGradientBrush 制作渐变色那种，是指每个文字独立颜色那种彩虹文字。虽然没什么实用价值，但希望这篇文章里用 ItemsControl 拆分文字，以及用工具类提供递增和随机变量的做法可以给读者一些启发，就好了。 2. 用 Te
阅读全文
摘要：1. 《写给大家看的设计书》 10年前我对设计还一无所知的时候，我借来了这本书学习了设计的基本原则和几种实用的理论，从此我觉得自己已经入门了设计，而且对面向对象也有更深入的理解。 不仅对我这种做UI的程序员，正如书中开头所说，学会设计对很多行业都有正面意义： 或者是那些聪明的学生，他们深谙一个秘诀：
阅读全文
摘要：##1. 前言 很多著名的软件企业都有GUI设计规范，如 Apple 和 Google，得益于这些设计规范（或者叫指南），设计者才可以开发出符合平台视觉及交互要求的UI。其实除了这些大公司，软件公司都最好有自己的GUI设计规范，即使这个规范简略一些，也可以帮助团队改善工作、提高工作效率及传递品牌价值
阅读全文
