风\多多/乌丫的天空

由于性格里是个完美主义者，同时由于对前端有偏重，所以经常会忘记自己做产品的定位，表现在两个方面：

1、跑出界。扔掉手头工作去关注本应有其他人来操心的工作。或许公司没有这样的人在做，或许有人但他们做得不好，但是要谨记前端设计、开发、优化仅是我应关注的若干点之一，要评估作为我自身的定位现在去过分关注这个——是否符合产品节奏？是否有条件去做？是否是用户最紧急的需求？

2、不作为。没有完美的前端设计、开发来配合产品，产品就不做了吗？这种状况在小公司里会比较常见，我并不是每次总能有力量和机会去改变这个状况，要适应环境，并在这个环境里把产品做到最好！

谨记。

另：搜索引擎友好（营销）、前端优化，觉得是一个处于平缓发展期网站需要注意的两个点，产品要关注。

用Mockups做了一段时间的产品原型设计，非常帮的体验，尤其是在演示的时候。只是后期交付文档的时候，略有缺憾——如果只输出图片，则缺少互动的东西；如果输出MB自己的格式，又需要其他人都得安装MB。
有时候不得不用Axure再做一些重点页面，输出成html页面。无意间发现了Napkee，它是将Mockups文件直接导出成html/CSS/JS文件或者flex文件，真是太棒了。

只要导入Mockups项目，即可直接输出，如下图：

用浏览器打开导出的文件，如下图

How to get it?
下载地址：http://www.napkee.com/napkee/download/

对于一个小的团队，文档很多时候是能省则省，而最不能省的可能就是原型。
1、白板+纸。很快，但是无法保存，也没法做后续更新和修改；
2、Word/visio。上手简单，但是得自己建立一套规则，容易产生误解，沟通成本很高；
3、PS/DW。需要产品设计之外的额外技能，比较费时，修改更新也不易；
4、Axure。强大，但容易陷入设计本身，而忘记了原型的目的，需要时刻保持对“度”的把握；

Balsamiq Mockups，恰到好处的出现了。它恰到好处，真正抓住了原型设计的平衡点，既能快速实现设计草图，又能无障碍的进入到团队工作的流程中。

79美刀，俺还是囊中羞涩。
对比官方网站上说的几种免费获得key的方法，写blog恐怕是于我最接近的方法，但很显然我的blog目前也还相当荒凉。
试试吧。-_-|||

1、CSS文件命名规范
全局样式 global.css/master.css
基本共用 base.css

版面布局 layout.css

模块 module.css
主题 themes.css
专栏 columns.css

文字 font.css
链接 link.css
表单 forms.css

补丁 mend.css/patch.css

打印 print.css

2、ID命名规范
(1)页面结构
页面外围控制整体布局宽度：wrapper
页头：header
页面主体：main
侧栏：sidebar
栏目：column
页尾：footer

(2)导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav

边导航：sidebar

菜单：menu
子菜单：submenu

标题： title
摘要： summary
内容：content/container

(3)功能
标志：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的： current
小技巧：tips
图标： icon
注释：note
指南：guild
服务：service
热点：hot
新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link
版权：copyright

在apple4us上读到一篇译文《「风格」与「设计」》，道理虽然简单，但是把简单的道理讲得比较透彻却也是不容易的，译者李如一对原文的把握也是非常棒。此文值得所有web设计师一读。

今天很多年轻网页设计师看待自己这门手艺的视角，和我以前看待流行文化的视角是一样的。要么酷，要么烂。他们错把风格当成了设计，而其实两者是完全不一样的东西。

设计是发生于各个层面的沟通。它告诉你身在何处，你现在能做什么，并且让这个「做」的过程尽量方便。
风格意味着重复，它是关于「风格感」的沟通。用视觉语汇说，风格是设计的一个方面；用商业语汇说，风格是有关品牌特性的沟通。

风格是设计的一个方面——简单的一句话，说出了视觉设计师在web设计时候的困惑。

风格有时也会传达出设计师对设计主体的厌恶。……。在这个意义上，风格是一种地下语言，只能在同侪之间传递，和网站的访客或目的无关。的确，这种风格上的花样还有可能与站点的目的相悖。

风格先行的设计师如果有幸能只选那些符合他们的风格偏好的活儿来接的话，也不是不能成功，可惜大部分网页设计师没有这种待遇。

每个成熟的设计师都会有自己的风格，或者叫做个人偏好导致的一种“风格”，不管是否对设计主体有厌恶情绪，但这种风格大多数时候会影响到当前的设计事务中。

万维网曾经像一本电话簿。现在它更像一张设计作品大全。更准确地说，像是二十位知名设计师的作品大全。年轻设计师以他们的弟子自居，反复拷贝他们的风格。视觉设计和「以沟通为目的的设计」之间的界线在这些设计师身上荡然无存。同样，他们也没搞清真正的风格和山寨风格之间的区别：前者源自项目的本质，后者则像是硬接在项目上的义肢。

视觉设计和以沟通为目的的设计，web设计大多数时候都是以沟通为目的的设计，当然，有时候web设计也有那种纯视觉传达的需要。

说回到我现在为公司招聘设计师，Visual Designer？Web Designer？淘宝ued、腾讯cdc招聘的时候都是写视觉设计师，英文也都是Visual Designer。在我写招聘启事及实际工作中，我习惯按照工作重点的不同，把视觉设计师和web设计师通称为美术设计师。说到这里也不是说要抠这个字眼，往细了说我这样的说法也未必就有什么科学依据，但我希望我能通过这个小的说法去影响那些美术设计师，让他们对自己的职业发展和专业发展有个相对明确的认识。呵呵。

纯瞎扯，mark一下。

导读
1、某个东西越是需要投入大量时间（或者看起来会这样），它将来用到的可能性越小。
2、我们不需要面面俱到。
3、设计网站是一个复杂的过程，我们需要“视情况而定”（It depends）。
4、如果某个东西很难用，我就不会经常用它。

指导原则
（一）别让我思考（Krug可用性第一定律）
1、我们的目标应该是让每一页都不言而喻，如果你不能做到让一个页面不言而喻，那么至少应该让它自我解释。
2、大多数人会花比我们想象中少得多的时间来浏览网页。

(全文…)