设计理论
用理论指导设计,让设计在感性中增加理性的色彩。
整体感受由高亮度,低饱和度的黄色和绿色色彩营造出柔和温馨的气氛,重要信息部分用饱和度较高一些的绿色和红色跳出。而背景中随机大小的圆形叠加增加梦幻、可爱的氛围。其余的设计元素,例如云朵般的曲线边缘、logo和导航的针脚线、导航条背景的大头针、宝宝日记的贴纸、宝宝照片吊牌、以及文字标题的手写字体都围绕着整个设计风格来运用,营造出整体温馨的气氛。
网页设计中非常细节的东西,比如就一个描边,有时就造成了用户心理感受上的差别,进而影响用户的使用偏好,直至对整个设计的成功与否以及作品的商业价值产生非常大的影响。类似于”千里之堤毁于蚁穴”和”蝴蝶效应”的感觉。夸大其词吗?绝对不!细节的力量我认为在网页设计中有着无穷的魅力。认真想想那些你个人认为优秀的设计作品,其中是什么东西打动了你?真的很多时候就是一种描述不出来的颜色,一些1像素的高光,或者是一种质感。
以下的10个网页设计作品是ThemeForest上最受欢迎的优秀企业网站设计模板的其中一小部分。它们风格低调沉稳,几乎只使用黑白灰三种色彩,却不雷同,并且在细节上都非常讲究。这篇文章里我将根据自己的观点对这10个设计模板的设计思路和方法做一总结,列出其中的要点,挖掘值得我们在网页设计中值得借鉴的东西,希望能够对大家有所帮助。
跟着韩老师学了一段时间的网页设计,觉得非常有必要把自己学到的东西梳理总结一下,一方面进一步巩固知识,另一方面和大家分享,下面是我的学习心得。先是要把网页设计当成玩儿,而不单单是工作。这其实说的是兴趣的事儿,作为网页设计师,一定要对网页设计感兴趣,你才能痛并快乐着,要不每天忙于应付客户交付的任务,就只剩痛苦了。
闲话少叙,这篇文章里我会将iOS和安卓的相同功能界面截取出来,共有五个部分,分别是:锁屏界面、拨号界面、浏览器界面、键盘界面以及其它元素。我会一一将它们从设计风格上做一对比,提取其中大家可能会关心的实现技术,让大家从设计思想和技术两方面了解它们之间的差异,通过这种对比分析提高我们自身的设计水平。另外我将自己搜集到的苹果iphone和ipad的iOS系统以及谷歌安卓系统界面完整的设计PSD文件放在这里,供大家下载研究。
这些导航菜单来自于Dribbble网站,出自于世界各地的优秀设计师之手,涵盖了各种不同的风格,个个都非常精美。这里我将这些导航菜单展示出来,依据自己的想法总结它们的可取之处,演示其中一些用得上的技术方法。这样比起简单粗略的看过就忘,更能在网页设计上让我们获取很多的灵感,提高我们的设计水平。
下面图片中的红色箭头和文字是我用马克鳗做的标注,本来一直有在优秀的网页设计作品截图上标注文字,以这样的方式学习高手做网页设计的创意和技术,然后将这些图片保存起来,让自己不断积累的想法,但是一想到要在photoshop中不断的创建图层的过程就有点畏缩了,因为这实在是一个繁重的体力活。直到昨天晚上在一个设计成品上用马克鳗完成了一个个标注后,就感觉之前的想法可以实现了。
前一段时间在企业管理界流行一句格言叫”细节决定成败”。企业管理当然不是我们这里要讨论的主题,但是,把这句话放在网页设计当中的确是颠扑不破的真理。我们的眼睛和感觉总是非常敏锐的,即使是完全不了解网页设计技术的人也能够从一堆拙劣的设计作品当中挑选出那一个优秀的设计作品。虽然他说不出来为什么这件东西比那些都好,但是直觉会告诉他他自己喜欢哪一个。如果别人向我们问起为什么这件作品要优于其它呢?我们的回答是”很大一部分原因是因为优秀的设计作品总是充满了丰富的细节。”在这篇文章里,我们就从技术的角度出发,以PremiumPixels上的Redux WordPress主题设计作品为例,来总结一下在网页设计中到底是哪些细节让优秀的作品脱颖而出。