虽然现在不少公司的项目团队会将交互原型的绘制交由项目策划人员来负责,但是网页设计师也需要了解常用的原型设计软件Mockplus、Axure等的使用方法。下面介绍网页设计师岗位技能,希望可以帮助到各位。
设计工具
好的工匠总有自己的一套工具箱。如刚才列举的岗位描述,设计师必须会使用几个必备的设计软件。虽然现在可以在Web浏览器中设计网站,但Photoshop,Sketch,Mockplus等工具在图片处理型,图标设计,和原型设计等步骤中都是非常有帮助的工具。在恰当的阶段使用恰当的工具将使你的工作事倍功半。可别傻傻的只用一个设计软件哦~
图片处理: PS (Photoshop):
PS在平面设计和网页设计中的强大功能不需我多费唇舌了
图形处理: AI
AdobeIllustrator,简称“AI”,是一款非常好的矢量图形处理工具,主要用于字体设计、图形设计,产品包装的设计、画册/书籍/杂志的排版、插画设计等。
动效: AE
Adobe AfterEffects简称“AE”,是Adobe公司推出的一款图形视频处理软件,简单来说就是一个动态版的PS,功能十分强大,但是操作比较复杂。
原型交互: Mockplus,Axure
虽然现在不少公司的项目团队会将交互原型的绘制交由项目策划人员来负责,但是网页设计师也需要了解常用的原型设计软件Mockplus、Axure等的使用方法。
2. 设计感
拥有良好的设计感对于网页设计来说是非常重要的。网页设计不仅仅是外观好看,你还必须了解设计元素以及基本设计原则以及如何排版,如何使用图像,布局原则等。
3. UX
UX代表用户体验,或人们在使用网站时的感受。为此,你需要研究你的用户并创建“角色”,使用站点地图布置页面和内容,了解用户在实际网站访问中的路径。通过反复的测试,设计出具有良好用户体验的网站,以增加用户会话和转化。
例如,CTA按钮应该如何布局才能更好的吸引点击?或者如何潜移默化的引导用户操作? 这需要在原型设计阶段勾勒出每个网页的关键部分。
4.响应式设计
随着智能手机,平板电脑以及其他移动设备的增长,越来越多人使用小屏幕来查看和阅读网页信息。作为网页设计师,你应该了解响应式网页设计的原则使你的网页在小屏幕上也能保持良好的网页可读性。(12个较佳的响应式网页设计教程,轻松带你入门!)
5.平面设计
对于很多网页设计师来说,网页设计vs.平面设计是有区别的,可比性不强。而事实上,很多网页设计师,特别是经验丰富级的,大多都是从平面设计转到网页设计的。假如你又恰好是一个自由网页设计师,那么你的设计技能、思维将会得到更大的发挥。
6.Flash
动画能让一个生硬的网页具有灵动感。网页上适当的增加动画也许会起到之笔的作用。为何不在适当的位置加上一点呢?尤其是特殊场合或根据客户网站的特殊性,例如品牌服装、汽车、影视等,动画此时就会显得格外重要。这种网站需要给浏览者以视觉上的冲击才能表达出品牌的旨意