c#创建非矩形窗体_开箱即用：创建非矩形网页设计

c#创建非矩形窗体

Just because everything in CSS is a box doesn’t mean that everything has to look like a box.

仅仅因为CSS中的所有内容都是盒子，并不意味着所有内容都必须看起来像盒子。

The fact is that the CSS box model lends itself to grid-based designs. Consistent, and with a legacy of strong support from the print world, grids are the design foundation of millions of pieces of work. But grids can also be limiting: when every other website is a two or three-column design rendered in primary colours, it can be hard to make yours stand out.

事实是CSS盒子模型很适合基于网格的设计 。 网格始终如一，并得到印刷界的大力支持，是数百万件作品的设计基础。 但是网格也可能会受到限制：当每个其他网站都是以原色呈现的两列或三列设计时，很难使您的网站脱颖而出。

A common reaction is to break out of the grid: to deliberately set elements off-kilter. This is harder than it appears: the process is never random, and involves as much (if not more) design consideration as any grid-based method.

常见的React是冲出网格：故意将元素设置为乱序。 这比看起来要难：该过程永远不会是随机的，并且涉及的设计注意事项(如果不是更多的话)与任何基于网格的方法一样多。

It is my intention to show the design and development process for a non-grid website in several instalments over the next few months. From a practical standpoint, the techniques used to create non-rectangular web page designs might be summarized as follows:

我打算在接下来的几个月中分几期展示非网格网站的设计和开发过程。 从实际的角度来看，用于创建非矩形网页设计的技术可以总结如下：

• tile background images with uneven non-congruent edges to break up rectangularity

• use CSS sprites (or variations thereof) to create non-rectangular buttons

• use box-shadow to create depth

• use border-radius to soften corners and make circles

• judiciously use absolute and relative positioning to layer and overlap elements

• use CSS transformations (or images manipulated in PhotoShop) to set things off-kilter

• use inline styles to stagger aligned elements
• use worn, dirty, torn-up textures and colour effects rather than simple primary hues

• 平铺边缘不均匀的背景图像以破坏矩形

• 使用CSS子画面 (或其变体)创建非矩形按钮

• 使用box-shadow创建深度

• 使用border-radius软化角并制作圆

• 明智地使用absolute和relative定位来放置和重叠元素

• 使用CSS转换 (或在PhotoShop中操作的图像)将事情摆平

• 使用内联样式交错排列的元素
• 使用磨损，肮脏，撕裂的纹理和色彩效果，而不是简单的主色调

翻译自: https://thenewcode.com/240/Breaking-Out-of-The-Box-Creating-Non-Rectangular-Web-Designs

c#创建非矩形窗体