随笔分类 -  UI Design

摘要：比如我们要在app上显示这样的布局 我们先进行拆分, 第一层: 底部彩色条纹线和上面其他部分A. 采用column布局; 第二层: A再拆分为文字部分B和右边箭头部分C, 采用Row布局; (B的宽度不用指定,用 flex-grow: 1; 自动适配; 而C垂直居中,则用 align-self: c 阅读全文

摘要：作者： 阮一峰 弹性布局（Flexbox）逐渐流行，越来越多人使用，因为它写 CSS 布局真是太方便了。 三年前，我写过 Flexbox 的介绍（上，下），但是有些地方写得不清楚。今天，我看到一篇教程，才意识到一个最简单的表单，就可以解释 Flexbox，而且内容还很实用。 下面，你只需要10分钟， 阅读全文

摘要：参考这个: http://www.cnblogs.com/rubylouvre/p/4597344.html 稍微修改一下: 阅读全文

摘要：CSS代码 .tbui_aside_float_bar { position: fixed; left: 50%; bottom: 120px; margin-left: 608px; ... 阅读全文

摘要：图片,CSS/HTML/JS代码都在,可以直接用了. CSS代码 HTML代码 JavaScript代码 $(document).ready(function () { ... 阅读全文

摘要：1. 连接法——结合字体特征将笔画相连接的形式2. 简化法——根据字体特点，利用视觉错觉合理地简化字体部分笔画的形式3. 附加法——在字体外添加配合表现标示的图形的形式4. 底图法——将字体镶嵌于色块或图案中的形式5. 象征法——将字体的笔画进行象征性演变的形式6. 柔美法——结合字体特征，运用波浪或卷曲的线条来表现的形式7. 刚直法——用直线型的笔画来组成字体的形式8. 印章法——以中国传统印章为底纹或元素的形式9. 书法法——把中国书法融入字体设计中的形式10. 综合元素——综合使用各种风格来修饰标志的形式Pain Relief 阅读全文

摘要：颜色绝不会单独存在。事实上，一个颜色的效果是由多种因素来决定的：反射的光，周边搭配的色彩，或是观看者的欣赏角度。 有十种基本的配色设计，分别叫做： 无色设计(achromatic)、类比设计(analogous)、冲突设计(clash)、 互补设计(complement)、单色设计(monochromatic)、中性设计(neutral)、 分裂补色设计(splitcomplement)、原色设计(primary)、 二次色设计(secondary)以及三次色三色设计(tertiary)。无色设计不用彩色，只用黑、白、灰色。类比设计在色相环上任选三个连续的色彩或其任一明色和... 阅读全文

摘要：来源: seasun http://www.iwanna.cn/archives/2010/11/07/5732/#more-5732一、问题引发思考 前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了，所以在此整理一 下思路，与大家共享。... 阅读全文