七份程式设计-开波！

No.1-拨号程序的设计

设计思路：逻辑和功能沿用ios拨号程序，没有更改

页面用色使用了有年轻味道的绿色为主色，通话页面为各种色彩的撞色，旨在表达活力和热情。

设计后记：详细信息的icon在初设计时为色块icon，为了不抢了左侧信息的重点，改为了线性icon。

No.2-电商页面的设计

设计思路：打造简洁舒适的购物页面。

1.  电商至尊 Mr.Taobao 以其齐全的商品，高效舒适的购物流程和超前的理念制霸电商界。由于深谙用户心理，首页使用大色块导航划分种类，而人类肉眼具有能自动设别需求关键字的特性，实现了设计上数据繁多丰富却整齐有序。

2.  比商品种类和服务丰富齐全肯定比不过了，那就在界面设计中下点功夫，既然不多，那就尝试小而精，把界面设计的简洁而精致。

3.  大块的留白能很好地把用户关注吸引到信息区域，另一方面，页面信息的减少和只留下关键信息，减少了用户的信息负载，可使用户更专注于当前的操作，构造放松舒适的使用体验。

No.3-翻译程序的设计

设计思路：尝试使用非主流主题色的蓝色作为主色来进行设计。

设计后记：还可以细细打磨一下，配色和排布还有进步空间。

No.4-旅行游记程序的设计

设计思路：功能上打造一个分享游记的旅行app。风格上使用CR风格

1.  CR风格，就是我们常说的极简，标题很大，图片很大，数据要少。更专注于内容了，留更多的版面给图片/内容本身 和 适当的留白，好的图片，自然会说话。除去过密/过多的元素的干扰，版面变得清晰。

2.  使用两种操作手势的结合来浏览内容，每一个栏目内的横向操作，和栏目间的竖向操作，提高手势的丰富度；在简洁的前提上提高单屏页面的信息量。

设计后记：首页还需要一个导航来完善功能，弥漫阴影的使用有些重了。

No.5-理财程序的设计

设计思路：以理财为目的打造的简单理财程序

1.  CR风格，就是我们常说的极简，标题很大，图片很大，数据要少。更专注于内容了，留更多的版面给图片/内容本身 和 适当的留白，好的图片，自然会说话。除去过密/过多的元素的干扰，版面变得清晰。

2.  使用两种操作手势的结合来浏览内容，每一个栏目内的横向操作，和栏目间的竖向操作，提高手势的丰富度；在简洁的前提上提高单屏页面的信息量。

设计后记：首页还需要一个导航来完善功能，弥漫阴影的使用有些重了。

No.6-地图界面的设计

设计思路：使用了很多地图后对地图界面很有兴趣，做了个小练习

1.  通过上下拉的方式显示/隐藏出发地和目的地。导航时下方的路线讲解以半透明的形式来展示，令该模块对用户查看地图行为的遮挡感有所减弱。

2.  用色上使用红蓝结合，突出对比。

设计后记：在实际开车时，隐藏/展开模块的操作是不可能那么专注的，大面积的触碰范围应该更佳，所以轻触页面隐藏/展开，比上下拉应该是更好的解决方法。

No.6-天气界面的设计

设计思路：最近广州天气多变，看多了天气app，觉得自己不如也来设计一个~

1.  以天气情况拟物景色作为大背景，增加共情感

2.  现时温度作为首要考虑要素，因此在页面拉动的时候始终在醒目位置显示

3.  加一些文字的天气描述，方便一些对数字不太敏感的像我这样的迟钝人理解天气哈哈

4. 首屏显示基本信息，如温度，时温度，继后一周温度等等，作为常用功能

5. 往上拖动可以出现更多信息，高商人士使用

设计后记：对于常用天气要多设计几幅背景图，雨风晴阴雪。由于页面主要用于信息展示，背景要注意干净，以渐变来勾画细节比使用太多元素要更优。

No.6-电商的设计

设计思路：从enjoy获得灵感，尝试新的排版和icon搭配设计

1.  大写加粗的字体很霸气，搭配大面积留白有独特的小清新感

2.  文字上使用较大的字号来对比区分标题和文案，层次感明显且很生动。

3.  加粗的描边和投影风的icon

设计后记：banner设计时使用的商品搭配图还可以再优化一些，色调若更统一，不要太抢眼，加些投影和细节，例如丝质的背景会更好。