设计师应该要了解的9种常见中国传统纹样，制作传统主题的海报、网页、PPT都能用到。


云雷纹




祥云纹




八宝纹




云头纹




寿字纹




万字纹




唐草纹




环带纹




缠枝纹


蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。


阅读全文

版式的重要性就不多说了， 一个页面的排版，基本就能看出一个人的设计功底了，而且不管你是从事vi、画册、电商、平面、网页、ui都是离不开版式的，一手好的版式非常重要。其实版式可以简单理解为，在一个限定好大小尺寸的画面里，把信息进行有视觉层次的展现，基础的字体图片选择应用等就不多讲了，这里主要讲5点，下面开始正文 ~




1.画面切割，由大而小


常见的分割有，左右、上下，而我则喜欢不规则分割（大体看是不规则，其中还是有着某种规则），我的习惯是先把画面分割好，然后去填充对应内容，这样就非常快速了，实际上和海报 ..

五大渐变趋势是什么？如何在你的工作中有效地使用?


你可能已经注意到，在17、18年的时候，渐变在印刷和web设计中的使用的越来越多了。看起来设计行业已经接受了这种趋势，这种渐变过渡在形状和颜色上只会越来越动态。如果你不知道如何将彩色的形状和背景应用到你想要通过设计传达的信息中去，那么使用彩色的形状和背景是一件棘手的事情。


5大渐变趋势是什么，如何在你的工作中有效地使用渐变呢?


1、 双色版的渐变


双色调渐变是两种颜色，它们之间有平滑过渡。没有更多，没有更少。使用Illustrator中的渐变工具创建这些类型的颜色 ..

在产品设计中，大家很容易跟着产品原型走而忽略了一些设计上的细节问题。本文笔者总结了在Feed流中容易被设计师忽略的，却最容易出现问题的几种图片适配方式。


我们每天被淹没在各种Feed流中，感觉它的设计是如此简单，只需设计一个卡片，然后复制粘贴整个界面就大功告成了。
但是，大家很容易忽略图片适配的问题，比如：微信朋友圈你无法保证用户发几张图片，也无法预估图片的比例，那么就需要我们对它设定相应的规则。
下面我总结了最易出现问题的大图布局、宫格布局、拼图布局的图片适配方式。
大图布局也就是不管用户上传几张图片， ..

让设计师和开发团队有意识的利用好间距系统，可以提高产品的可读性和一致性。




Cheatsheet总结了我的方法
我最近致力于为电子健康记录（EHR）产品定义间距系统，以改善产品页面的可读性和一致性。我提出了3个间距规则（3C规则）和以4为基准的间距网格，并且这些规则与新的印刷系统配合得非常好。
存在的问题
当定位垂直元素时，设计师不应做出随意或者任其自然的判断。通常设计师通过按住Shift和上下箭头键在Photoshop中实现垂直增量：“根据实际情况来决定使用5px或10px。”这种方法虽然是10的倍数并且可用，但是它不符合任何印刷要求 ..

目录


1.字号的设置
2.根据需求随意组合
3.英文的行高
4.英文的行间距
5.中文的行高
6.中文的行间距
7.行高的禁忌
8.标题行高
9.正文行高
10.混合编排
11.字体选择




1.字号的设置


字号就是字体的大小，文字从大标题H1-H7、小标题、正文、注释都要配置相对应的字号。页面的字号我是以4为基数进行递增的，最好采用偶数。像14号字的正文和13号字的注释，这种比较小的字可以不以4为基数来做。不管设计师怎么去定义字号，只要视觉上美观大方并具有关联性，采用哪种规则去约束它都可以。

另外所有的字体都要调试出深色和浅色两种配色， ..

随着折叠屏手机的发布，我们看到未来手机的形态可能会朝着柔性手机方向发展，那么，让我们来思考一件事：如何在折叠屏手机上做交互设计呢？
最近三星、华为和柔宇各发布了一款折叠屏手机，它可以把一台8英寸的平板电脑通过折叠的方式变成一台方便携带的6英寸手机。折叠屏手机属于新的手机品种，也是我目前最看好的手机形态之一（未来手机的形态应该是柔性手机，现在已知有柔性电路板的存在了）。通过几天的观察和思考，我认为折叠屏手机有以下好处：
更好的阅读体验。目前各手机厂商的折叠屏展开态均大于7英寸，我们看视频时拥有更好地观 ..

看过或听过一大堆理论知识的你，有没有被很多自相矛盾的设计原则搞混过？比如你把做好的设计发给总监看，然后他告诉你太乱了，要统一，于是你苦苦调整了一番。当再发给他看时，他却说太平淡了，要有对比。你心想，一会要统一，一会要对比，这不是自相矛盾吗？当然不是，其实你自己心里明白，只是你不知道如何平衡这两者的关系。
类似这种「矛盾」的设计原则还有好几对，接下来葱爷要把它们一一理清，让这些理论知识能真正指导设计实践。


对齐与变化

对齐是版式设计最基础的原则之一，具体指版面中的字与字、字与图、图与图要对齐，常用 ..

不管是做设计（感性）还是设计规范（理性），都是仁者见仁智者见智的，都很主观。我是想阐述出自己的想法供大家参考，文章中的数值也不是固定标准，还是希望大家根据不同的项目需求，去解决不同的实际问题。




目录


1.下拉菜单
1.1 了解侧边导航栏
1.2 绘制矩形框
1.3 文本行高
1.4 层级划分
1.5 确定距离


2.分页
2.1 了解分页
2.2 绘制普通分页
2.3 绘制首末分页
2.4 绘制跳转分页


3.步骤条
3.1 了解步骤条
3.2 绘制步骤条






1.1 了解侧边导航栏


侧边导航栏就是固定在侧边或从侧边划出的导航栏，一 ..

在B端产品的设计过程中，我深切体会到动效能在很多体验领域起到四两拨千斤的作用。于是我将自己这些年来做动效的思考，结合B端产品的一些固有特点，来和大家聊一聊动效设计在B端产品体验设计中的意义。
既然是谈B端产品的体验设计，那么就免不了要与C端产品做对比。在我看来，B端产品与C端产品在大的体验趋势上是趋同的。对于大多数用户而言，都希望自己在工作与生活中是顺利、愉悦的，而用户体验就是为了让用户顺利、愉悦而生的。也就是说，不管是B端产品还是C端产品，其体验的本质都是围绕着使用的效率与愉悦感为核心展开的。那么这次我 ..