网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户的视觉体验。的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。网页设计主要以Adobe产品为主,常见的工具包括FW、PS、FL、DW、CDR、AI等,其中DW是代码工具,其他是图形图像和FL动画工具。
网页设计全科班
1.DW:讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧,HTML基础应用,快速入门,CSS样式表的应用,模板布局的使用技巧,如何管理网站并上传。
2.AN:网页常见动画设计、片头制作、动效设计应用等以及配合其他软件进行使用。
3.PS:掌握PS在图像编辑、合成、校色调色及制作四大部分的技巧以及其他应用。
4.AI:广泛应用于出版、多媒体和UI图标界面设计的工业标准矢量插画的软件,印刷和Web网络创作的平台,针对Web和移动的改进、介绍多个画板、触摸式创意工具等新特性。
学习周期:平日2个月;业余4个月
10条网页设计干货,刚入行也能做好设计
很多初级网页设计师,在初入行时,往往会有一些细节上的东西做不好,导致整个画面看上去粗糙没品质,这些细节可能是很细微的,很容易被设计师不重视或直接忽略掉,当加起来有几条细节没有做好,你的作品的品质已经开始下降,所以要做好界面同时也要注重设计细节的处理。
今天分享10条实用的网页设计设计干货,里面提到很多关于网页设计相关的微细节,对于初入行的设计师都值得一看。好的设计原则是可以很容易被大众学习和实践的。本文将介绍一些设计技巧相关的基础知识,看完这些 ,说不定你今天就能用上!
1. 对比度不能太小
背景与内容之间的对比度应该足够适合阅读,以免引起眼睛疲劳。通常,白色背景下的黑色文本是容易读的,尽量不要用浅灰色,黄色和绿色的文字。如果你自己做完设计稿,不得不眯着眼睛才能看清,那就肯定是有问题了。
2. 深灰色比黑色要更容易阅读
如果可以选择,推荐使用#333333 RGB(51,51,51)而不是纯黑色作为文字内容。纯黑色配上白色背景会让眼睛产生视觉抖动,让文字难以聚焦。
3. 核心内容要
首页的布局尤为重要,应该要清楚的显示应用的主要功能。核心内容应该是显而易见的,而不需要通过缩放,滚动或点击等操作才能知晓。
4. 注意对齐所有元素
当看到一个设计不舒服的时候,应该考虑到的就是对齐问题。当设计师们在强调需要使用”网格“体系时,他们其实是在提醒团队注意对齐问题。调整好对齐问题是可以对任何网页或应用设计行之有效的优化设计手段之一,只要做好了,效果能立马好上10倍以上。
(注:新手只要把对齐这个看似简单的问题做好,设计就能提升一个档次!很多新人会把设计元素故意调的歪七扭八,以此体现他们做了设计,我当年刚入门的时候也犯了这样的错误。实际上,有规律的东西能形成美感,对齐不是一种禁锢,而是一种好的设计方式。)
5. 把握文字的大小和间距
我们并不是为蚂蚁设计的。增大文字的尺寸和间距,能够使得内容更容易阅读和消化。
6. 使用合适的布局形式
大多数App或者网站都会用到搜索,关于如果排布具体的搜索结果一直存在一些争议。如果果的排序很重要,那么使用列表视图是有效的。如果顺序无关紧要,而你希望你的应用是鼓励用户去发现(比如Pinterest),则使用网格视图更为合适。
7. 先用黑白设计,后面再加颜色
使用黑白设计时,能更专注于解决和设计应用的核心体验。而如果在做布局框架的同时,加入颜色,会引起一些情感上的干扰,会打断我们专注于核心问题设计上的能力。(译者注:先做交互,后做视觉,现在应该大多数都是这么个流程吧。)
8.打造舒适的设计
Luke列出了手机中容易接触和使用的区域(至少对于右手作为惯用的人来说),其实我希望看到应用中有一个设置,可以让用户从右手界面切换到左手界面。大部分的App都将导航和核心操作放在手机的底部三分之一处。
9.善用配色板
颜色的使用一门技术活。我强烈推荐你在Dribbble上搜索”Color Palettes“,或者使用设计导航推荐的配色工具或者 Color Claim
10. 使用IOS或者Google的系统规范
苹果和谷歌都为提供了大量的UI组件和规范。比如,像谷歌就提供了规范,组件,配色,图标等等,帮助你实现快速设计和开发
设计还需要大量的练习。提高自己的审美和设计水平需要大量的时间和练习,但如果运用好上面所写的一些设计技巧,会让你在现在做出更好的设计。