摘要： 1：为何设计。2：做一个匠人还是做一个主人。3：何去何从 阅读全文

摘要： 明摆的矛盾和交互设计师的感叹。其实非也，矛盾固然存在，因为两者的工作有着巨大的交集和相似。其实：产品经理做的事情是产品的从无到有，即为骨骼。交互设计做的事情是产品的从有到优，即为血肉。1： 矛盾的产生；产品经理会认为自己的结构和信息没问题，交互设计只需完成即可。交互设计认为自己很有想法，认为产品经理的信息架构不合理。这样就是矛盾的源头。2： 问题的解决；解决这些问题很简单，交互设计需要有好的想法去改变产品的展示方法，同时也需要有执行力。同时可以兼职做为产品经理的助手和军师，还能领悟产品的战略意图。产品经理更多考虑的是产品定位、战略层、产品方向，可以适当的忽略细节的包装和交互方式，这些交给交互设 阅读全文

摘要： 1：删除;2：组织;3：隐藏;4：转移;一：删除多余的：关注核心功能，排定优先级，砍掉残缺功能；删减文字，精简句子；降低视觉噪音，减少浏览负担。给与聪明的默认值，精简方案，而不是流程。但永远记住不要删减过多。可是，A说这个功能我的客户需要，B说那个功能要留着由于有其他功能用到，一个人说没关系，两个人说没关系，三个人说没关系......,最后我的平台很强大，功能点已经不能控制，最后被自己的功能拖死。死的时候我还笑着说，我是一个伪交互。二：组织要提供的，将我的功能点分块，围绕行为进行组织，组织视觉，组织功能点，组织内容。我利用大小组织，我利用隐藏的网格在组织，我利用颜色在组织；我将不同信息，不同功 阅读全文

摘要： 此为一个经常性的话题，讨论了好多次，也不知道如何定义，如今网上有各种维度对其进行分类。即使自己看了很多文章，还是对链接交互的方法不能确定。疑惑之时就翻书来看看，并记录于此。链接打开可有三种；第一：新窗口打开；第二：原窗口打开；第三：当前窗口弹出层；下面分别给予分析；一：新窗口打开，目前国内的多数网站比较推崇这种打开方式，其优点在于，当用户打开下一层级内容的时候，同时可以打开多个子页面以节省时间等，可以说是多向性的工作。如从home页直接进入show页面时用户可以了解show页面的内容，但有同时可以浏览home页面；活一次性打开多个show页面，并在随手的关闭show页面时还可继续浏览home页 阅读全文

摘要： 阅读全文

摘要： 作为一个视觉设计，一直在ps、ai、axure之间，在alt+tab的按键下，手指开始变的硬了。作为一个交互设计，一直在firefox、chrome、ie的折磨下，偏执的追求最理想化的div和css，慢慢的眼睛开始迷茫了。做为一个美工，做着视觉稿，写着html。两者形成了一个巧妙的整体，整体里充满了奇妙无穷的变数。可是一直以来想把这些变数，记录下来，可是工作一直一个加一个，有点遗憾。等吧，做完这两个项目吧。那是再把这个遗憾解决吧。 阅读全文

摘要： 最近在一个项目中遇到翻页问题，本来以为是很简单的问题，可是细想起来却一点也不简单。例如：第一页、最后一页、上一页、下一页、具体页码，以及页码的可点击等，各种细节都必须考虑。另外，根据网站内容的不同以什么样展现方式来更加适应用户的需要。首先一个问题是：为什么翻页？其实问题很简单，既当内容数量较多时，不能再一屏内展示完，或者是不能以无限拉评展示的时候就需要用不同的页面来展示内容或信息。这种问题多用于列表页面和部分内容页面。虽然翻页的呈现方式大多类似，但是不同的细节却决定用户能不能更便捷的找到所需要的内容。如：1： 2： 3： 现在具体记录每一个元素：第一：第一页；第一页呈现的是最新的、网站最希望推 阅读全文

摘要： 其实页面版式设计，决定于业务需求。其中功能性页面更是如此。不同的业务要求，需要不同的版式给与适应。所以成熟的设计作品首先需要对业务的完整了解，理解。然后根据一个个业务要求设计交互模型，最后整合一个完整的软件的交互原型。举个例子：取值亿禧网注册页面： 阅读全文

摘要： <div class="update">文字内容 <div class="order"> <span class="up" title="排序1"></span> <span class="down" title="排序2"></span> </div> </div>.update{position:relative; display:inline-block; *zoom:1; 阅读全文

摘要： 使用div+css布局比较灵活，而在使用过程中经常性地会使用到float，那么清除浮动就是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。下面是针对css浮动清除的一些做法：1: .left{float:left;} .right{float:right;} .cl{clear:both;} <div class="left"></div><div class="right"></div><div class="cl"></div&g 阅读全文