设计经验谈【荐】.docVIP

设计经验谈——环形设计论 cjshadow：这次我会从4个层面去描述，分别是产品，设计，程序和行业去分别讲设计。设计是一个圈，起点在那，终点也在那，所以我命名为环形设计论。感谢honfan的人物配图，有兴趣的可以了解下他的个人主页 下面我会用我最近做的多米音乐5.0的设计来引开整个话题，整个产品的产品形态，交互，视觉都是我和老板两人没日没夜的“基友爱”之结晶，当然整个团队在开发过程中不断的挑战，也起到了关键性的作用，这里假设没有这些挑战，是不可能有产品的最终形态的，所以我认为，越是激烈的挑战，:)就越能把设计做到极致。 以下正式开始分享经验： 产品 这个项目正式启动，在今年的8月份，通过封闭2个月和非封闭2个月的设计开发，一共4个多月，安卓和苹果2个平台都顺利完成。而项目是从今年年初就开始想做的，因为4.0在产品和交互的层面上，都没有做到很好的一个开始和可延续性，所以，怀着这个遗憾，会努力的想在5.0的基础上去把这个产品去完善。 5.0最开始的理念是“家”，更容易理解的，叫个人空间。我觉得热爱音乐，会有寻找音乐和收藏音乐的需求。那么，需要一个自己的空间去储存这些收藏的音乐，也需要一个广场去寻找音乐。那么。我把整个音乐软件，分成了“家”和“商店”两个维度。设计通过右下角的按钮，快速的切换这两种不同场景。 首先，假设我们有一个家后，会把家里的空间划分开，做客厅，卧室，洗手间等等。同样，如果自己有一批的音乐，同样也要去划分，分为不同使用场景，不同的风格类型。而商店也是同样，则需要各种分类，各种方式去帮助用户找到他们心仪的音乐。 但是，经过一段时间的使用会发现，当我们拥有很多音乐后，并不是单纯的通过“家”就可以把音乐好好的使用，音乐既是一个私有的，又是一个可以用来交流和沟通的工具。所以，要把私有化的设计，扩展到社区化的一种概念中去，才会通过音乐，获得更多的音乐和朋友。 所以，改造最初的5.0第一件事，就是要把自己的家开放出去，除了原本的家里分类，还要让自己的家像国外的家庭一样，可以举办party。那么如果是要举办party，则需要自己的家空间更大，可定制的功能，需要加强。围绕着这些点，得出了新的结果： 从空间的分配上，首先给自己的个性空间，划分出了一个领域，用于展示自己的性格和头像，然后，再通过固有的一些分类，和自建的分类，来展示自己的音乐空间。 而对于自建的空间，同样可以自定义的装饰。达到更好的展示效果，用图形和文字表达对这个空间中的音乐的描述和感觉。 在软件操作的方式中，采用侧边栏无限扩展模式，可增加多种获取音乐的方式。这样对版本迭代来说，不用因为新增模块而改动框架结构。 对于“商店”，也就是获取音乐的途径，会分为推荐类，搜索类，社区类，发现类几种。这里不细述，可以在使用软件的过程中去体验不同分类中获得音乐的方式和效果。 那么整个产品的形态就设定好了，接下来就是进入设计阶段。 设计 设计中，分几点去讲：计算、平台特性、细节、均衡、计算 计算 UI设计其实类似于工业设计中严谨的造型设计，只是大部分通过了平面式的排布方式去进行设计的。所以，计算在设计中，是非常必要的。就好比如果工业设计中不计算好每个零件的关系，是不能让各个零件配合拼装一样。而每个零件都有特定的大小和材质，也才能发挥其作用一样，UI设计其实也是一样的。 首先，对于不同的系统，我们去了解不同的系统的特征，比如iPhone按钮的标准大小，是通过计算的出来的，安卓的也同样。为何会有标准这一说，因为标准代表着各种计算后最后得出的一个参数，比如一个按钮的大小，在屏幕中点击的最佳范围，这些就是计算后的结果。当设定系统的人把标准公布的目的，是告知在这个系统的开发者们清楚的知道，这些标准是的意义在哪，而设计师很容易忽略这一点。 那么，为了保证每个按钮的点击区域都能满足正常的使用，先要为每个按钮的控件根据标准设定好大小。还有就是物件之间间距等，一旦这些基本的参数都设定好后，接下来就是从美感和功能区域去划分了。 说回平台特性，安卓的图形输出是属于适配型，苹果IOS是属于固定型，所以相对而言，IOS的设计稍微简单一些，但是，苹果在iPhone5之前的机型，屏幕比例是存在不合理的地方，高度不够，整个可设计的区域相对与安卓来说，会比较矮。所以iPhone5做了很好的改善，加长了这个区域，分辨率从960x640的比例改成1136x640就是这个目的。 重点说一下安卓的机型，首先在设定的时候，要定好是在1:1 1:1.5 1:2等这些DP转换去开发。这次我的设计，从现有大量的机型来说，我才用了1：1.5的换算方式去做。也就是在480x800的基础上设计。那么，每一个输出的尺寸，都是要符合能被1.5整除的可能性。为何要这样？因为这样才能做到100%还原。 比较关键的点，就是即使整除，也要注意为偶数，比