设计资源 - 设计每日一贴---北京兰亭妙微/UI设计公司111

312015-12

你的布局设定方法靠谱吗？

有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的，越细致的地方可能越是如此。比如，这个菜单的宽度为什么是200px？250px或者190px是否可以？图片的尺寸为什么是278px*196px？如何确定网页的宽度？“

软件界面的设计师除了视觉本身以外，对于设计是否可以实现、大概以何种方式实现、规范可否被理解并且复制执行、设计实现的性价比与时间比等纬度都应有相当高度的认识。就像建筑设计师一样，他们一定很了解建筑材料以及如何建筑，虽然他们不会去亲自砌墙。:)

希望通过此文可以交流关于栅格化和盒子比例的设计方法。

栅格化

对于网页的宽度，设计师之间基本上比较容易达成共识，比如：950px、960px、1000px、1190px、1200px。但是如果接下来让每一个设计师设计一个左右布局的版式，左边是一个树形菜单，右边是主要内容区域。那么可能会有很多结果。但是这些结果基本上是比较接近的。如果这些设计师都服务于一个品牌下的话，这种情况并不是一个好的事情。会给人以没有一致性的感觉。

图1：一个产品站点，同样是980px的页面宽度，但是菜单宽度分别为：200px和245px

你的布局设定方法靠谱吗？

评论(0) 浏览(5842)

142015-12

敏捷开发之Scrum扫盲篇

博博

为了不落后他人，于是我也开始学习Scrum，今天主要是对我最近阅读的相关资料，根据自己的理解，用自己的话来讲述Scrum中的各个环节，主要目的有两个，一个是进行知识的总结，另外一个是觉得网上很多学习资料的讲述方式让初学者不太容易理解；所以我决定写一篇扫盲性的博文，同时试着也与园内的朋友一起分享交流一下，希望对初学者有帮助。

评论(0) 浏览(5375)

082015-12

为可视化数据寻找适合的配色

用心设计

然如今好的配色方案已经唾手可得，但为数据可视化找到合适的配色方案，却仍是一项巨大挑战。

在Graphiq，事情甚至更加棘手，因为我们要通过上千种各不相同的数据集合来传递信息，它们有着各自迥异的视觉表现。

评论(0) 浏览(7291)

042015-12

极速上手！120个PHOTOSHOP技巧帮你加速设计

博博

Photoshop越来越强大了！试图掌控它的全部特性是不现实的（更何况有那么多隐藏的功能！），那么我们不妨收藏一下大神们总结的这120个PS技巧，偶尔翻看一下，让自己的设计更强大更！

这120款技巧覆盖了PS绝大多数的主要功能，这些功能你很熟悉，但是明白它们的细节，掌控发招的捷径，修图作画的时候说不定能收获奇效呢！

在此之前，我们不妨先快速温故一下PS的基本功能：《PS速成秘籍！如何在两小时内搞懂PHOTOSHOP基础工具？》

评论(0) 浏览(4484)

042015-12

惊人的“雷同”！网页设计与西方建筑的相似发展历程

博博

不得不说，历史总是惊人的相似！西方建筑和网页设计同为工程与艺术的综合体，两者的发展历程如此之相似，和以下四个因素有着不可分割的关系：

都为用户提供了一个场所 
都借助工程学构来构建他们 
科技的进步是他们的发展瓶颈  
尽管如此，它们仍然是艺术的一种展现形式

在这些设定之下，你可以清晰地看到建筑和网页设计的发展路径是极为相似的。所以，如果你想了解网页设计会向何处发展，看看过去的那些建筑就知道了。

一、新石器时代——简单而有限的结构

在这个阶段，能把东西构建出来就已经是壮举了，除了尺寸和位置这样的变量，并没有什么花活。

评论(0) 浏览(4730)

032015-12

让你不一样！20个技巧帮你提升设计的对比度

之晨

说道对比，你会想到什么？也许是黑白对比，大小对比，但是对比所存在的形式还有很多，远不止于此。

事实上，对比度是最重要的设计原则之一，它也是每个设计项目中必不可少的设计要求。为什么这么说呢？控制对比度有助于设计项目的组织结构化，建立信息和视觉的层次，让你最重要的部分成为视觉的重心，让关键信息突出展示。善于使用有对比度的设计，能增加视觉的观赏性和趣味性。在相同的布局、相同的视觉元素中，形态和色彩的变化有时候非常单调，但是对比能让变化显得不同凡响。

评论(0) 浏览(5648)

032015-12

超实用！3个方法教你设计顶尖电商BANNER

博博

当用户访问电商网站的时候，第一屏的信息展示是非常重要的，很大程度上影响了用户是否决定停留，然而光靠文字大面积的堆积，很难直观而迅速的告诉用户来到这里会得到什么有用的信息，因此网页Banner设计在这里起到了至关重要的展示作用，特别是对于首页Banner，有效的信息传达可以快速提高页面转化率。那么竹子来教你如何设计一个好的电商Banner。

评论(0) 浏览(5024)

302015-11

10个的CSS UI开源框架

博博

随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，包括一些移动设备的网页界面风格设计。本文分享了10个的CSS UI开源框架，有几个确实不错，一起来看看。

1、Bootstrap – 最流行的Web前端UI框架

Bootstrap是由twitter推出的Web前端UI框架，它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。它使用了的浏览器技术，Bootstrap提供了时尚的排版样式，表单，buttons，表格，网格系统等等。

官方网站：http://getbootstrap.com/

2、jQuery UI - 基于jQuery的开源Javascript框架

jQuery UI是一款基于jQuery的开源Javascript框架，jQuery UI框架主要提供了用户交互、动画、和可更换主题的可视控件，让开发者可以更方便地实现网页交互界面，jQuery UI的整个框架比较庞大，但你也可以根据自己需要使用的功能生成适合自己的框架底层。jQuery UI界面设计非常漂亮，值得一试。