跟着韩老师学了一段时间的网页设计，觉得非常有必要把自己学到的东西梳理总结一下，一方面进一步巩固知识，另一方面和大家分享，下面是我的学习心得。先是要把网页设计当成玩儿，而不单单是工作。这其实说的是兴趣的事儿，作为网页设计师，一定要对网页设计感兴趣，你才能痛并快乐着，要不每天忙于应付客户交付的任务，就只剩痛苦了。

闲话少叙，这篇文章里我会将iOS和安卓的相同功能界面截取出来，共有五个部分，分别是：锁屏界面、拨号界面、浏览器界面、键盘界面以及其它元素。我会一一将它们从设计风格上做一对比，提取其中大家可能会关心的实现技术，让大家从设计思想和技术两方面了解它们之间的差异，通过这种对比分析提高我们自身的设计水平。另外我将自己搜集到的苹果iphone和ipad的iOS系统以及谷歌安卓系统界面完整的设计PSD文件放在这里，供大家下载研究。

这些导航菜单来自于Dribbble网站，出自于世界各地的优秀设计师之手，涵盖了各种不同的风格，个个都非常精美。这里我将这些导航菜单展示出来，依据自己的想法总结它们的可取之处，演示其中一些用得上的技术方法。这样比起简单粗略的看过就忘，更能在网页设计上让我们获取很多的灵感，提高我们的设计水平。

下面图片中的红色箭头和文字是我用马克鳗做的标注，本来一直有在优秀的网页设计作品截图上标注文字，以这样的方式学习高手做网页设计的创意和技术，然后将这些图片保存起来，让自己不断积累的想法，但是一想到要在photoshop中不断的创建图层的过程就有点畏缩了，因为这实在是一个繁重的体力活。直到昨天晚上在一个设计成品上用马克鳗完成了一个个标注后，就感觉之前的想法可以实现了。

前一段时间在企业管理界流行一句格言叫”细节决定成败”。企业管理当然不是我们这里要讨论的主题，但是，把这句话放在网页设计当中的确是颠扑不破的真理。我们的眼睛和感觉总是非常敏锐的，即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品。虽然他说不出来为什么这件东西比那些都好，但是直觉会告诉他他自己喜欢哪一个。如果别人向我们问起为什么这件作品要优于其它呢？我们的回答是”很大一部分原因是因为优秀的设计作品总是充满了丰富的细节。”在这篇文章里，我们就从技术的角度出发，以PremiumPixels上的Redux WordPress主题设计作品为例，来总结一下在网页设计中到底是哪些细节让优秀的作品脱颖而出。

一直以来都为调整图片的尺寸烦恼，尤其是需要给博客日志中插入既符合页面布局而且质量还不错的图片更是让我觉得头疼不已。Photoshop用过，先略过用大炮打蚊子之嫌不说，效果的确不怎么样。Microsoft Office Picture Manager也用过，程序倒是挺轻巧，效果却不令人满意。直到我找到BIMP Lite这个工具，用过之后，才让我从此对调整图片尺寸这件事不再操心。当然，最最重要的，这个软件是免费的。

上个星期新配了一副眼镜，取眼镜的时候，因为对眼镜店赠送的眼镜盒的样式不满意，我就让店员多拿了几个来挑，可惜他们提供的样式太少，没有我喜欢的样子，无奈最后随便拿了一个。仔细看看他们给赠送的眼镜盒，结合前一段时间观看阿辛老师的网页设计视频，发现了一个设计上值得注意的问题，那就是：一定要弄清楚视觉表达上的重点。就拿那个眼镜盒来说（如下图），无庸置疑，重点一定是要突出”光明眼镜”这个Logo，但是可惜的是，这几个烫金的字被银色和黑色组成的花哨的背景抢了风头，那几个银色的”OK”和”good”比”光明眼镜”这四个字都要抢眼，扰乱了重点的logo所要表达的效果。这绝对是设计中应该避免的问题。应该将背景做弱化处理，而对于视觉重点，也就是他们的logo，强化它的视觉效果。