财界彩票-官网首页(ac0p.cc)是中国最优质游戏品牌,财界彩票-官网首页综合各种在线游戏于一站式的大型游戏平台,多年来一直为大家提供极致体验的游戏环境,财界彩票-官网首页值得信赖,期待广大游戏爱好者前来体验,财界彩票-官网首页将把最好的游戏体验带给大家!

<strike id="znjhx"><span id="znjhx"><i id="znjhx"></i></span></strike>
<address id="znjhx"></address>
<noframes id="znjhx"><address id="znjhx"></address>

<sub id="znjhx"></sub>

    <form id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></form>

      <address id="znjhx"></address>

      <noframes id="znjhx"><span id="znjhx"><nobr id="znjhx"></nobr></span>
      <address id="znjhx"><listing id="znjhx"><menuitem id="znjhx"></menuitem></listing></address>
      <address id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></address><address id="znjhx"></address>
      <address id="znjhx"></address><address id="znjhx"></address>
      <noframes id="znjhx"><address id="znjhx"><nobr id="znjhx"></nobr></address>
      <noframes id="znjhx"><address id="znjhx"></address>
      拥抱极简——TeamCola设计实录{财界彩票-官网首页主词} >>人性化设计>>文章列表

      404

      6月29日财界彩票-官网首页,当我一如既往地打开Chrome进入Gmail时财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,顶部导航栏的变化像是在向我表达着什么。5分钟之后财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,当我点击了小滨滨的邀请链接财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,我惊奇地发现————连接被重置了?〔平绮势?官网首页财界彩票-官网首页!

      the god of gfw


      于是我只好全局ssh再次打开了邀请链接财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,Google+这才渐渐显山露水迎面走来,依然是熟悉的三栏布局财界彩票-官网首页,比例和功能分布也和facebook类似,抛开可以把亲朋好友圈养起来的恶搞特性(误)不讲财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,Google+最吸引我的是出色的视觉设计,简洁清丽的风格令人爱不释手。随着Google+的发布财界彩票-官网首页财界彩票-官网首页,诸如Google Calendar财界彩票-官网首页财界彩票-官网首页、Google Map等应用也随之换上了”小清新”风格财界彩票-官网首页财界彩票-官网首页。

      Google+的设计让我想起了TeamCola财界彩票-官网首页财界彩票-官网首页。5月正式上线的TeamCola在把团队工作日志的特性做到极致的同时财界彩票-官网首页财界彩票-官网首页,极简化的视觉设计也得到了不少肯定评价财界彩票-官网首页。在半年的开发设计过程中财界彩票-官网首页,随着团队对TeamCola做小做精的定位愈加准确财界彩票-官网首页,视觉上也做了3次大的迭代财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。这3次迭代过程中财界彩票-官网首页财界彩票-官网首页,即使是一条边线的去留也要经过反复的推敲甚至开会讨论,这也使TeamCola能够越来越符合极简化设计的要求财界彩票-官网首页财界彩票-官网首页。


      第一次迭代财界彩票-官网首页,不断精简视觉元素过程中的设计摸索


      1

      PowerMatrix截图

      PowerMatrix(简称PM)是彩程在09年开发的在团队内使用的工作记录软件财界彩票-官网首页财界彩票-官网首页,也是TeamCola的前身财界彩票-官网首页财界彩票-官网首页。去年末由于所有人都已经无法忍受PM之苦逼难用财界彩票-官网首页,我们决定重新开发一款供团队内部使用的工作记录应用财界彩票-官网首页,由我来担任视觉设计财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,第一版视觉设计在12月初放出财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。


      2


      新PowerMatrix(当时还不叫TeamCola)有任务财界彩票-官网首页财界彩票-官网首页、项目财界彩票-官网首页财界彩票-官网首页、工作记录(日历)和积分功能财界彩票-官网首页财界彩票-官网首页,取代老PM财界彩票-官网首页的是一个财界彩票-官网首页财界彩票-官网首页,显示团队近期的动态(任务财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页、里程碑和项目的新建财界彩票-官网首页、完成等)财界彩票-官网首页财界彩票-官网首页,侧边栏显示自己的任务和项目财界彩票-官网首页财界彩票-官网首页。第一版的视觉稿很快就做出来了财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,整体风格贴近其名字”PowerMatrix”蕴含科技色彩的冷峻专业财界彩票-官网首页。为了使页面更加紧凑财界彩票-官网首页财界彩票-官网首页,减少视觉焦点财界彩票-官网首页财界彩票-官网首页,通常放置在左上角的logo被移动到了footer位置。


      这版视觉沿袭了当时我的设计风格财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,以渐变和阴影表现页面元素间层次财界彩票-官网首页财界彩票-官网首页,使用偏向中性色调财界彩票-官网首页财界彩票-官网首页。由于毛病太多(中间空白区域辽阔得可以放羊财界彩票-官网首页财界彩票-官网首页、层次太乱财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页、LOGO的放置问题等)很快就被否决财界彩票-官网首页财界彩票-官网首页,在团队几次讨论后第二财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页、第三版的设计也紧接着推出来了财界彩票-官网首页。


      4


      3


      随着logo由科技感的文字变成一个更加geek的矩阵财界彩票-官网首页财界彩票-官网首页,PowerMatrix的渐变也逐步被弃用而转为更为纯粹的单色财界彩票-官网首页,所有阴影也随之取消财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。更大的变化是在排版和文案上的优化:导航的任务显示任务数气泡财界彩票-官网首页、dashboard的列表文字主次区分财界彩票-官网首页财界彩票-官网首页、侧边栏视觉上的弱化以及主区域加高突出等等,这次优化的设计很多保留到了第三次迭代之前财界彩票-官网首页财界彩票-官网首页,而视觉上的去繁入简更成为了后面迭代的核心诉求财界彩票-官网首页财界彩票-官网首页。


      第二次迭代财界彩票-官网首页,极简设计之旅正式起航


      Logo


      经过几次头脑风暴财界彩票-官网首页财界彩票-官网首页,Teamcola击败了阿迪王项目王等一堆无厘头词汇,把PowerMatrix这个名字彻底扫进了历史的垃圾桶财界彩票-官网首页财界彩票-官网首页!2月2日财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,在一个这么2的日子里财界彩票-官网首页,TeamCola的第一条工作记录诞生了。


      回到去年12月财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,在确定TeamCola这个名字之后财界彩票-官网首页财界彩票-官网首页,LOGO的设计被提上了议程财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,TeamCola需要它的第一个标志财界彩票-官网首页。在彩程团队之中财界彩票-官网首页财界彩票-官网首页,可乐和咖啡是很多成员日常工作不可或缺的饮料财界彩票-官网首页财界彩票-官网首页,而可乐本身又能衍生出年轻、轻快和活力等含义财界彩票-官网首页财界彩票-官网首页。第一版的TeamCola标志是文字和图形结合财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,使用Cooper std字体并以一个拉环的形象表示co两个字母财界彩票-官网首页。设计的初衷是力求LOGO简洁轻松财界彩票-官网首页,以鲜明的配色辅以小拉环的图形暗示来展示TeamCola这款轻量应用的魅力财界彩票-官网首页财界彩票-官网首页。没有渐变财界彩票-官网首页财界彩票-官网首页、明晰的外形能够很好地使用在页面上财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。页面的视觉风格在LOGO确定后选择了浅灰以及低饱和度的深蓝色作为主色调财界彩票-官网首页财界彩票-官网首页,辅以橙色和蓝色财界彩票-官网首页财界彩票-官网首页,在带警示性的文字和提示上使用桔红色突出显示财界彩票-官网首页,次要的信息元素以灰色来展示财界彩票-官网首页财界彩票-官网首页。


      5

      任务财界彩票-官网首页

      随着LOGO的确定和视觉规范的建立财界彩票-官网首页,其他页面的视觉设计也随之展开财界彩票-官网首页。任务财界彩票-官网首页、项目财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页、日历和积分页面很快完成了财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。和第一次迭代结束的设计相比,整体色调由深灰、橙色的偏暖调整到了灰蓝的偏冷财界彩票-官网首页,去掉了侧边栏不同类目的分隔线财界彩票-官网首页,排版上也有小的调整财界彩票-官网首页财界彩票-官网首页。2月初在团队内上线使用后财界彩票-官网首页财界彩票-官网首页,在产品功能定位和视觉设计上的问题越来越多使得TeamCola的设计进入了第三次迭代财界彩票-官网首页。


      6

      日历页面财界彩票-官网首页,此时的日历长宽是固定的财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,在高分辨率(如1920×1200)下会造成严重的空间浪费财界彩票-官网首页,而现在的TeamCola则会根据分辨率自动调整高度

      7

      除了一小撮希望推出ipad兑换而拼命攒分的同学外财界彩票-官网首页,大家都喜欢在饭后兑换一瓶冰镇饮料犒劳自己

      从开始仍然带有应用程序的痕迹到整个页面除了LOGO外几乎没有图片的设计财界彩票-官网首页财界彩票-官网首页,TeamCola带给我的不仅仅是经验积累财界彩票-官网首页财界彩票-官网首页,还有大量的问题教训财界彩票-官网首页,使我不会像卡扎菲一样在错误的道路上越走越远财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页。在看Basecamp财界彩票-官网首页财界彩票-官网首页、Github等一些优秀的网站财界彩票-官网首页财界彩票-官网首页,发出”原来还可以这样设计”的惊叹之余,更多的是需要回头审视自己的设计财界彩票-官网首页财界彩票-官网首页,到底有多少元素是需要留下来并能发挥作用的财界彩票-官网首页财界彩票-官网首页,有多少元素可以精简甚至去掉财界彩票-官网首页,如何在雕琢细节的时候不丢失整体财界彩票-官网首页。TeamCola作为团队工作日志工具财界彩票-官网首页财界彩票-官网首页财界彩票-官网首页,视觉设计的重点需要放在大量信息的梳理与展示当中财界彩票-官网首页,让使用者在使用过程中感觉不到设计的存在才是极简化设计的精髓财界彩票-官网首页财界彩票-官网首页。


      财界彩票-官网首页<strike id="znjhx"><span id="znjhx"><i id="znjhx"></i></span></strike>
      <address id="znjhx"></address>
      <noframes id="znjhx"><address id="znjhx"></address>

      <sub id="znjhx"></sub>

        <form id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></form>

          <address id="znjhx"></address>

          <noframes id="znjhx"><span id="znjhx"><nobr id="znjhx"></nobr></span>
          <address id="znjhx"><listing id="znjhx"><menuitem id="znjhx"></menuitem></listing></address>
          <address id="znjhx"><nobr id="znjhx"><meter id="znjhx"></meter></nobr></address><address id="znjhx"></address>
          <address id="znjhx"></address><address id="znjhx"></address>
          <noframes id="znjhx"><address id="znjhx"><nobr id="znjhx"></nobr></address>
          <noframes id="znjhx"><address id="znjhx"></address>