准“扁平化设计”
扁平化设计在当下的用户界面设计界是很有争议的，微软的 Metro 风最早将其介绍给大众，之后有了很多人跟风，比如LayerVault、 The Next Web以及更多。许多设计师从最开始就不看好这类设计，主要是因为在稍微复杂一点的界面中，扁平化设计会带来很多困扰。
扁平化设计既漂亮又清新，设计起来快，也更容易响应。如果只是绘画上的设计趋向可能会被广为接受，但是网页设计者总是对易用性持有很高的关注度，因此总会觉得扁平化设计天然的就有缺陷。
分类 大前端 下的文章
20步打造完美网站布局设计
<p>Claudio Guglieri 在纽约广告公司 B-Reel 任职总监，他撰写了本网站设计培训指南，通过分享自己多年从事设计工作中看到的一些常见错误，尤其是“网站设计培训”中所述的实习生和新手们的通病。来帮助您了解设计网站布局的全过程。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>01. 先在纸上整理思绪</p><p>世界各处城市插图系列简笔</p><p>此 条显然很重要，但是我经常发现一些设计师会跳过这步直接使用 Photoshop CS6 而不去思考他们需要解决的问题。设计的目的在于解决问题，而这些有待解决的问题无法通过渐变或阴影效果得到解决，而是需要完美的布局和清晰的结构。想一想 内容、布局和功能，然后再开始上阴影效果。</p><p>
</p><p>02. 从顶层框架草图入手 UX sketch</p><p>草绘基本的框架将帮助你解决 UX 问题，并组织布局结构</p><p>如果我要做一个项目的外观和感觉，第一件事就是先建一个顶层框架，可解决所有设计问题。框架是指内容周围的 UI，有助于执行操作并进行浏览。其中包括导航和各类组件，例如边栏和底栏。如果你从这点着手设计，则设计主页以外的部分时，布局内容将了然于心。</p><p>
</p><p>03. 为 PSD 添加网格</p><p>
</p><p>以 10 像素基线绘制的 978 网格示例</p><p>这 步操作非常简单。在 Photoshop 中着手设计任何内容前，你需要创建一个合适的网格。这一步的道理众所周知，如果你没有这么做，我可以断言，最后的设计总是无法尽善尽美。借助于网格，你能 安排不同部分的布局结构;还能指导你按照特定屏幕尺寸要求进行设计，并能帮助你创建相应的模板，以便符合间距和其他设计问题。</p><p>04. 选择排版样式</p><p>
</p><p>根 据常规经验，一个网站布局中所用字型最好不要超过两种。了解不同的字型和配色是项目开发阶段的工作。我建议一个网站中所用字型不要超过两种，不过 实际上，还需取决于你可用的色系。总之，所选字体需便于阅读大量文字，且与标题和操作相映成趣。大胆使用大字体，并在使用字型时保持整体一致性和生动感。</p><p>05. 选择主题颜色</p><p>
</p><p>使用有限的色阶和色调以免产生视觉疲劳。</p><p>选 完要使用的一系列字型后，你应开始研究 UI、背景和文本该用什么颜色。关于颜色，我建议在处理常规用户界面是用色及色调需简洁。根据元素功能在设计 UI 时保持一致性非常重要。想想 Facebook、Twitter、Quora 和 Vimeo 之类的网站布局。除 UI 外，插图或图形细节部分只要没有干扰组件功能的话，在用色方面也没什么限制。</p><p>06. 划分布局</p><p>
</p><p>网 站结构越简单，用户浏览时就越方便。网站各个部分都需要发挥各自的作用。对于用户而言，每个部分都有各自存在的理由，并能得到相应的最终结果。布 局需要帮助强调其内容着重显示该部分最重要的信息。实际上，一个页面并不需要太多调用按钮，因此每个内容都应推动到最终“我可以在此实现什么目的”。思考 一下，你可以为一个简单的目标构想到的最简单的布局，并开始添加所需组件。最后你会惊喜的发现简洁也并非易事。</p><p>07. 重新思考已建内容</p><p>
</p><p>我们真的还需要一个搜索按钮吗?在大多数情况下，答案是不。</p><p>作 为设计人员，我们构建了用户浏览互联网的方式，需要采取多少步骤才能执行一个简单的操作以及网站的复杂性都是由我们来决定的。我们一直都在遵循一 些设计模式和惯例，因为它们切实有效，但有时候只是因为没人有足够的时间进行衡量或者重新思考。重新思考组件上已建的交互模式，并看看是否可以进行改进， 这点至关重要。</p><p>08. 自我挑战</p><p>我鼓励每位设计人员不要墨守成规，而是在每个项目上进 行自我挑战。并非每个项目都要求创新，因此，需要我们自己决定是否要增加一些交互设计相关的内 容。比如，各种自我挑战可能包括使用新的网格系统、创建新的组件，或者甚至包括一些小挑战，诸如避免混合模式或者避免使用特定的颜色。</p><p>09. 注意细节</p><p>
</p><p>正在进行的游戏项目：细节视图</p><p>这条也算是老生常谈了，但并非始终在成品中得到应用。根据项目的概念，“关注点”也会有所不同。可以注重小型交互、意想不到的动画或审美感受，例如按钮上的小渐变或是背景盒子周围的微妙笔画之类。但是总的来说，如果你乐在其中，这种感受非常重要，而且非常自然。</p><p>10. 认真对待每个组件，就当参加设计比赛</p><p>
</p><p>注重每个组件，一加一大于二</p><p>我必须承认这并不是我首创的理论。过去曾在 Fantasy Interactive 上听到这种说法，当时我就震惊了，这句话如此明确中肯。每个组件都需单独设计，使其卓绝超凡。有时候，设计师会将一些部分归为最不重要的内容，最终并不会对其引起重视。</p><p>11. 提高设计作品清晰度</p><p> 
</p><p>避免出现像素模糊的现象，尝试正确设置笔触效果和背景之间的对比度或背景颜色</p><p>除美学考量之外，有些共同的问题需要予以避免，从而创造出一个干净正确的作品。尝试提高设计清晰度时应注意以下几点：梯度条带、模糊的边缘、字体渲染选项(部分字体取决于字体大小，最好在特定的渲染模式下查看)以及与背景融合的笔触效果。</p><p>12. 整理如果你通过 Photoshop 进行设计，那么这点至关重要(结合网格使用)。无论项目有多大，有多少设计师参与其中，你都需要保证文件干净。这样就能保证不同部分都能轻松导出，从而提高设计流程的速度，并能处理与其他设计师共享的文件。</p><p>13. 设计最好的情况，但为最坏的情况做准备</p><p>
</p><p>谨记不同设备和尺寸大小上如何让你的设计发挥作用。</p><p>作 为设计师，我们的工作就是通过不同的限制解决问题。网页设计过程中，会遇到各种限制，包括概念和技术问题以及内容相关的问题。我们需要创建一个网 站，其不仅可以在理想状态下运行，同时也可以在最糟糕的环境下运行。例如，用户可使用相当小的屏幕查看网站，此时网站上的内容看起来支离破碎。</p><p>但是，鉴于我们展示设计作品的目的，我个人强烈建议为其创建最佳环境。因此我们将要显示最理想的内容量，同时以最佳浏览器尺寸进行展示，也就是用户最常用的环境。</p><p>14. 沉迷于设计，因爱生恨</p><p>如果你钻研设计，我保证你已经干过这种事。只要完成一项设计就会倍感自豪，设计已经成为生活的一部分了。还会截图，与其他设备比较，将其设为桌面背景，甚至打印出来挂在墙上。</p><p>整个过程中，我达到某个临界点，最终产生厌恶;我开始发现各种缺点和错误，然后进行修改。不喜欢自己以前的设计是成熟的表现，也就是说，你最终发现自己的问题。</p><p>15. 与客户交流前避免浪费太多时间设计概念</p><p>提交交互概念或设计外观与体验时，你需要确保你和客户尽快同步。初始概念通过审核后，你可以稍作放松，然后开始设计。</p><p>但是如果提交后初始概念后，并未深得客户的欢心，你就应该收集各种反馈，以便第二次提交的概念方案能够符合客户的要求。</p><p>16. 和你的开发者成为好友</p><p>纽约广告公司 HUGE 的 Rafael Mumme 就设计师如何更好地与开发者合作的提出的建议。</p><p>开 发者创意十足，而且热爱自己的工作，和你一样。但是他们并非总是在项目一开始就参与其中，而且大多时候，他们都是在概念设计敲定之后才开始参与设 计的，因此他们的创意工作就遭到了抹杀。这种流程是错误的;一些非常优秀的想法都是开发团队提出的。分享你的概念，你会惊喜地发现他们会把它变成更加美 观、更加便于设计。</p><p>17. 展示：说明时请将受众想象为四岁儿童</p><p>展示作品和设计作品一样重要。使用错误的展示方式，可能会埋没优秀的设计或者使其惨遭淘汰。谨记，受众第一次看到你的设计时，并不了解你了然于心的各个重点。</p><p>18. 肯定自己的创意，但不要成为其奴隶</p><p>了解何时宣传自己的创意，或是了解团队或客户何时会产生分歧，这里存在一个小小的临界点。作为设计师，你需要坚信自己的设计，但是你也应乐于接受他人意见，快速改变自己的创意以及展开后续调整。不要忘记条条大路通罗马。</p><p>19. 开发过程中跟进设计</p><p>如 果您在广告公司中工作，你必须明白，虽然你刚刚完成的一个项目已经投入开发，你不得不参加另一个新项目的设计，这是家常便饭。大家普遍认为 PSD 和样式表提交后就万事大吉了，这是不对的，其实一切还刚刚开始。如果你真的关心自己的设计和交互理念是否完全贯彻，可以实时与开发者友人沟通，并尽量提供 帮助，以便达到至臻至美的效果。</p><p>20. 逐步正在设计的作品</p><p>
</p><p>与大家分享样式表和正在设计的组件</p><p>作 为设计团队的一员，我们不仅希望看到最终的成品，同时也想看一看正在设计的作品。有时候，出于种种原因，项目最优秀的部分可能会被忽略，然后一直 存放在归档文件夹中。项目完成并获得客户/制作方认可后，可以着手进行改善，如有可能，可以创建案例研究，分析设计中的作品以及最终并未采用的作品。这有 助于帮助拓宽团队知识，同时你也能收集宝贵的反馈意见。</p><p>Claudio Guglieri 目前在纽约国际电子广告公司 B-Reel 就任艺术总监。之前在 Fantasy Interactive 任艺术总监，负责领导和制作客户端交互体验，如 Google、EA CNN、Nikelodeon、History Channel、Range Roverand Microsoft。</p>
10个CSS简写/优化技巧
<div><p>CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。</p><p>下面介绍常见的CSS简写规则：</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><h4>一、盒子大小</h4><p>这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：</p><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> </td> <td> <div> <div>margin-top:1px;</div> <div>margin-right:2px;</div> <div>margin-bottom:3px;</div> <div>margin-left:4px;</div> </div> </td> </tr> </tbody></table><pre> </pre><p>你可以简写成：</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> </td> <td> <div> <div>margin:1px2px3px4px;</div> </div> </td> </tr> </tbody></table><p>语法 margin:top right bottom left;</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> </td> <td> <div> <div>//四个方向的边距相同，等同于margin:1px1px1px1px;</div> <div>margin:1px;</div> <div>//上下边距都为1px，左右边距均为2px，等同于margin:1px2px1px2px;</div> <div>margin:1px2px;</div> <div>//右边距和左边距相同，等同于margin:1px2px3px2px;</div> <div>margin:1px2px3px;</div> <div>//注意，这里虽然上下边距都为1px，但是这里不能缩写。</div> <div>margin:1px2px1px3px;</div> </div> </td> </tr> </tbody></table><p>二、边框(border)</p><p>边框的属性如下：</p><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> </td> <td> <div> <div>border-width:1px;</div> <div>border-style:solid;</div> <div>border-color:#000;</div> </div> </td> </tr> </tbody></table><pre> </pre><p>可以缩写为一句：</p><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> </td> <td> <div> <div>border:1pxsolid#000;</div> </div> </td> </tr> </tbody></table><p>语法 border:width style color;</p><h4>三、背景(Backgrounds)</h4><p>背景的属性如下：</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> </td> <td> <div> <div>background-color:#f00;</div> <div>background-image:url(background.gif);</div> <div>background-repeat:no-repeat;</div> <div>background-attachment:fixed;</div> <div>background-position:00;</div> </div> </td> </tr> </tbody></table><p>可以缩写为一句：</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> </td> <td> <div> <div>background:#f00url(background.gif) no-repeatfixed00;</div> </div> </td> </tr> </tbody></table><p>语法是background:color image repeat attachment position;
你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：</p><ul> <li> <p>color: transparent</p> </li> <li> <p>image: none</p> </li> <li> <p>repeat: repeat</p> </li> <li> <p>attachment: scroll</p> </li> <li> <p>position: 0% 0%</p> </li></ul><h4>四、字体(fonts)</h4><p>字体的属性如下：</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> </td> <td> <div> <div>font-style:italic;</div> <div>font-variant:small-caps;</div> <div>font-weight:bold;font-size:1em;</div> <div>line-height:140%;</div> <div>font-family:"Lucida Grande",sans-serif;</div> </div> </td> </tr> </tbody></table><p>可以缩写为一句：</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> </td> <td> <div> <div>font:italicsmall-capsbold1em/140%"Lucida Grande",sans-serif;</div> </div> </td> </tr> </tbody></table><p>注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。</p><h4>五、列表(lists)</h4><p>取消默认的圆点和序号可以这样写list-style:none;,
list的属性如下:</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> </td> <td> <div> <div>list-style-type:square;</div> <div>list-style-position:inside;</div> <div>list-style-image:url(image.gif);</div> </div> </td> </tr> </tbody></table><p>可以缩写为一句：</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> </td> <td> <div> <div>list-style:squareinsideurl(image.gif);</div> </div> </td> </tr> </tbody></table><p>六、颜色(Color)</p><p>16进制的色彩值，如果每两位的值相同，可以缩写一半。例如：</p><p>Aqua: #00ffff ——#0ff
Black: #000000 ——#000
Blue: #0000ff ——#00f
Dark Grey: #666666 ——#666
Fuchsia:#ff00ff ——#f0f
Light Grey: #cccccc ——#ccc
Lime: #00ff00 ——#0f0
Orange: #ff6600 ——#f60
Red: #ff0000 ——#f00
White: #ffffff ——#fff
Yellow: #ffff00 ——#ff0</p><h4>七、属性值为0</h4><p>书写原则是如果CSS属性值为0，那么你不必为其添加单位(如:px/em)，你可能会这样写:</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> </td> <td> <div> <div>padding:10px5px0px0px;</div> </div> </td> </tr> </tbody></table><p>试试这样吧:</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> </td> <td> <div> <div>padding:10px5px00;</div> </div> </td> </tr> </tbody></table><p>八、最后一个分号</p><p>最后一个属性值后面分号可以不写，如：</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </td> <td> <div> <div>#nav{</div> <div>border-top:4pxsolid#333;</div> <div>font-style: normal;</div> <div>font-variant:normal;</div> <div>font-weight: normal;</div> <div>}</div> </div> </td> </tr> </tbody></table><p>可以简写成:</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </td> <td> <div> <div>#nav{</div> <div>border-top:4pxsolid#333;</div> <div>font-style: normal;</div> <div>font-variant:normal;</div> <div>font-weight: normal</div> <div>}</div> </div> </td> </tr> </tbody></table><p>九、字体粗细(font-weight)</p><p>你可能会这样写:</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </td> <td> <div> <div>h1{</div> <div>font-weight:bold;</div> <div>}</div> <div>p{</div> <div>font-weight:normal;</div> <div>}</div> </div> </td> </tr> </tbody></table><p>可以简写成:</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </td> <td> <div> <div>h1{</div> <div>font-weight:700;</div> <div>}</div> <div>p{</div> <div>font-weight:400;</div> <div>}</div> </div> </td> </tr> </tbody></table><h4>十、圆角半径(border-radius)</h4><p>border-radius是css3中新加入的属性，用来实现圆角边框。</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> </td> <td> <div> <div>-moz-border-radius-bottomleft:6px;</div> <div>-moz-border-radius-topleft:6px;</div> <div>-moz-border-radius-topright:6px;</div> <div>-webkit-border-bottom-left-radius:6px;</div> <div>-webkit-border-top-left-radius:6px;</div> <div>-webkit-border-top-right-radius:6px;</div> <div>border-bottom-left-radius:6px;</div> <div>border-top-left-radius:6px;</div> <div>border-top-right-radius:6px;</div> </div> </td> </tr> </tbody></table><p>可以简写成:</p><pre> </pre><table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td> <div>1</div> <div>2</div> <div>3</div> </td> <td> <div> <div>-moz-border-radius:06px6px;</div> <div>-webkit-border-radius:06px6px;</div> <div>border-radius:06px6px;</div> </div> </td> </tr> </tbody></table><p>语法 border-radius:topleft topright bottomright bottomleft</p></div>
苹果iphone APP界面设计尺寸官方版
<div><p>iphone界面设计尺寸（640960）px
</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>该Iphone界面设计是从苹果官方网站帮助中心提取过来，这也是我第一次帮公司产品设计iphone版的UI使用的尺寸。由于之前接触的比较少，只知道苹果手机的界面尺寸是640960，其实真正的大小是320480，因为人的视网膜关系，苹果公司放大了2倍。</p><p>所以，我们在设计的时候，需要按照该图上的尺寸来放大2倍作为我们设计的尺寸。</p><p>或者说，我们初学者可以模仿，可以借鉴苹果公司成熟的案例。我们导出一张完整的iphone手机界面。作为我们设计的底版。</p><p>25学堂教程原创二：Android界面通常设计尺寸（480800）px</p><p>系统会根据你手机的分辩率分别到如下几个文件来里来找对应的图片：</p><p>hdpi(hign-dpi) 这个文件平里放置高分辩率的图片，即如下尺寸的文件：480×800、480X854</p><p>mdpi(middle-dpi)这个文件平里放置中等分辩率的图片，即如下尺寸的文件：320×480</p><p>ldpi(lower-dpi)这个文件平里放置低分辩率的图片，即如下尺寸的文件：240×320</p><p>
</p></div>
网站添加新浪微博的加关注按钮
<p>新浪微博的加关注按钮的内容主要有两部分：加关注、粉丝数。
1、加关注：点击这个按钮直接关注你设定的新浪微博。
2、粉丝数：显示你设定微博的粉丝数，还有点击粉丝数直接链向你的设定微博首页。</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>如何在网站中添加新浪微博的加关注按钮？
只要加一段代码就可以了：</p><blockquote><p><iframe width="125" height="30" frameborder="0" scrolling="no" src="http://widget.weibo.com/relationship/followbutton.php?language=zh_cn&;width=136&height=24&uid=1587606582&style=2&btn=red&dpc=1#"></iframe></p></blockquote><p>调用iframe的格式, 上面的ID(红色) 换成自己的就行了</p><p>有很多人添加不成功，原因：把微博号换成你自己的就行。如何获得微博号？</p><p>登陆微博以后，鼠标移动到自己发微博的发布时间，复制链接地址（http://weibo.com/1587606582/zsre4mI7g），可以看到中间有一段红色号码，那就是你的微博号码。替换成你自己的即可。</p><p>另外还有一个办法是官方部署的配置方法..我这里发一个入口连接.</p><p>http://open.weibo.com/widget/followbutton.php<;/p><p>这里写的很详细了 . 看一遍就明白了</p>
JSFL学习与常用JSFL工具整理
<div><p>JSFL:Flash JavaScript,见名知义，类似于javascript.用来扩展Flash IDE的功能一个强大工具.学会它会使得你的工作更加有效率。具体相关说明略过，看下面几个例子来理解：</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>
首先：
显示电脑的隐藏文件
然后打开：C:Documents and SettingsAdministratorLocal SettingsApplication DataAdobeFlash CS4zh_CNConfigurationCommands这个目录，根据flash安装的版本不同，路径也不一样，顺着这个路径找，
在目录下你会看到一些后缀名为jsfl的文件，举个例子，打开你的flash IDE，新建一个fla，假设你每次创建一个flash,都要新建一个代码层和标签层，并且还要在库中创建图片，元件，按钮等文件夹。像这样的重复操作必 然会降低你的效率，用jsfl可以很快的进行创建。在Commands目录下新建一个“常用操作.jsfl”文件，在里面输入以下代码：</p><p>fl.getDocumentDOM().getTimeline().addNewLayer(“AS”);
fl.getDocumentDOM().getTimeline().addNewLayer(“Label”);
fl.getDocumentDOM().library.newFolder(“x_images”);
fl.getDocumentDOM().library.newFolder(“x_sound”);
fl.getDocumentDOM().library.newFolder(“x_mc”);
fl.getDocumentDOM().library.newFolder(“x_other”);</p><p>保存以后，切换到你的flash IDE,我这里用的是flash CS4, 选择“命令”—“常用操作”;
你会发现flash立即给你创建了AS和Label两个层，打开库面板，你会发现x_images，x_sound，x_mc，x_other这几个文件夹已经创建好了，是不是感觉世界又美好了一些呢？
当然并不是所有的jsfl文件你都要放到Commands去运行，如下下面这个例子发布文件夹中所有的flash，你就可以保存“发布文件夹里的所有 flash.jsfl”这个文件到你的桌面，然后用你的flash CS4打开它，如果打不开，可以直接用flash CS4新建一个flash javascript文件。文件代码如下：</p><p>var folderURI = fl.browseForFolderURL(“选择文件夹”);
if (FLfile.exists(folderURI)) {
var fileMask = “*.fla”;
var list = FLfile.listFolder(folderURI + “/” + fileMask, “files”);
for(var i in list)
{
var doc = fl.openDocument(folderURI + “/”+list[i]);
doc.publish();
doc.close();
fl.trace(list[i]+”发布完成”);
}
}
点击如图下面的三角形按钮即可运行代码，此代码会将你指定的文件夹中的所有fla文件发布为swf文件，这样你就不用挨个点了。
</p><p>小雨把自己常用的几个JSFL整理了一下，下载如下：
点击这里下载jsfl文件</p></div>
官方完整原版photoshop cs6 简体中文正式版下载
<div>运行环境：WinXP/win7/
软件语言：简体中文</div><p>软件大小：1.13GB</p><p>photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>
Adobe自2011年年中就开始了CS6的开发工作，迄今为止Adobe已经在内部进行了多次小规模测试，最近终于放出CS6正式版。</p><p>CS6带来了全新的用户界面，完善了内容识别填充，整合了新的Adobe云服务，改进了3D效果、滤层、文件搜索等等。该版本同样包括Photoshop、Illustrator、DreamWeaver、InDesign等组件。</p><p>原版软件：</p><p>软件下载：Adobe Photoshop CS6 (1.13GB)</p><p>备用地址： Adobe Photoshop CS6 (1.13GB)</p><p> </p><p>注册工具 ：</p><p>激活补丁下载：dobe-photoshop cs6 激活补丁.rar (1.23 MB)</p><p>备用地址1：adobe-photoshop cs6激活补丁.rar(1.23 MB)</p><p>备用地址2：dobe-photoshop cs6 激活补丁.rar (1.23 MB)</p><p> </p><p>注：</p><p>1.有些网友不会安装和激活，请看详细安装图文教程：</p><p>http://www.wsf1234.com/adobe-photoshop-cs6-an-zh/</p><p>2.如果嫌激活太麻烦或者实在不会激活，可以安装这个免激活版本：</p><p>Adobe Photoshop CS6 Extended 32位 绿色破解版</p>
与设计师打交道的7宗罪
<p>射激湿的悲剧...程序猿也悲剧.现在网络的技术工种...不是加班猝死.就是毛发稀少小四眼...屌丝男.宅男的称号接踵而至 ..这个IT盛行的时代 ..我们应该何去何从 ?</p><div style="page-break-after: always;"><span style="display: none;"><!--more-->& nbsp ;</span></div><p>
</p>