你可以吗?网页设计师闭着眼睛都得会的10个技能 - 优设-UISDC

你可以吗?网页设计师闭着眼睛都得会的10个技能

2015/12/27 19064评论区

10-things-web-designer-should-know-1

快速发展的技术、千变万化的趋势、应接不暇的软件和素材,都是网页设计师需要面临的挑战。但是撇开这些一直变化的东西,有一些基本的技能或者说能力,是设计师必须熟练掌握的,甚至需要网页设计师们闭着眼睛都能搞定相关的问题。那么,今天我们简单盘点一下网页设计师必须具备的十大基础技能吧。

1、熟练掌握HTML/CSS代码

html-css

不论你是不是开发者,网页开发最基本的语言HTML/CSS 你是有必要掌握的,知道如何阅读、编辑并解决问题。然而根据设计师/开发者的实际工作情况,你所需要了解的程度、范畴甚至会更广一些。

在任何情况下,你都应该清楚样式、色彩要如何通过代码来进行控制和调整,从长远来看,这些技能是极其有用的。

如果你想确保这一点,记得在W3Schools学习这些代码语言和使用方法。

2、编辑图片

在任何设计领域,好像和图片打交道的时间都不会短,绝大多数甚至是需要整天编辑处理图片。从最基本的裁剪、调色和修补,你应该能够从容地修整图片,至少你应该了解如何能够尽可能好地对图片进行优化。

好在Digital Camera World网站提供了一套行之有效的图片处理技巧,仅需六步就可以搞定绝大多数图片的优化处理。

3、了解印刷

print-web

虽然你绝大多数时候可能都忙于数字化的设计,但是总会有一些设计是需要借助到印刷的。从名片到新闻稿,这些东西在设计之初就要为印刷做好准备。

在这方面,最值得注意的还是不同媒体的分辨率和色彩的控制。举个例子,如果你将文本的色彩设置为FF0000的话,印刷出来的效果可能和你设定的有出入。对于印刷品而言,色彩使用的是CMYK(青色、品红、黄色、黑色),四色混合来实现不同的色彩印刷。

4、书写标题

在进行网页设计的时候,正文部分可用假文(Lorem ipsum)来作为占位符,但是标题则不能如此。当你在进行概念设计的时候,标题是视觉和内容信息的粘合剂,它不能随便找句话放那儿。

一个合理的标题文本可以清晰地告诉客户这个地方要多大的空间,有什么样的效果,它会给客户留下清晰而持久的印象。

目前推荐Copyblogger ,它提供了不错的文本和文案案例,你可有从这里开始。

5、熟悉各种设备

devices-1

作为一个网页设计师,肯定要熟练地用各种数字设备来浏览网页。不同的系统、不同的设备在浏览网页这件事情上还是有差异的,所以你应当适时地离开自己最熟悉的电子设备,去尝试更多的数码设备。

没有什么比在一个老旧的手机的小窗口上浏览网页更痛苦的事情了,但是这有时候就是实际情况,作为网页设计师的你应该对这种情况有所了解,确保自己的网页能在任何情况下都可以流畅地浏览。

6、敢于手绘

也许你并不是美术专业出身,但是你需要敢于用草图来传递信息。讨论中不论有什么样的想象和构思,用手绘和草图来表现能够更清晰的阐述出来。请记住,线框图和大纲才能更好地传递信息。

你无需成为手绘大师,不用字写的非常漂亮,但是你需要敢于这么做,自信地用手勾勒出这一切,落于纸上,同人分享。

7、使用通用框架

wordpress-framework

在创业阶段使用常见的网页设计框架并不是什么丢人的事情,实际上,除非你真的是特别专业而强大的开发者,最好还是使用通用的框架。

你不用重新发明轮子。一样的道理,使用通用的框架可以让别人也更好的使用你的网站和产品,如果你的网站需要最终交付给客户,那么从长远来看,用通用框架更好维护。比如Wordpress这样的系统就不错,支持广泛,功能强大。

8、备份和打包

网站看起来是个完善的整体,但是实际并非如此,它同样是容易损坏且脆弱的。备份网站是一门必修课。你应当了解网站系统中哪些东西比较容易损坏,多久备份一次比较合理。即使你不明白其中的道理,至少要了解哪些需要保存,备份应该备份在什么地方。

此外,你应该了解如何将网站样式、设计相关、个性化、客户文件以及系统的关键性文件在哪里,以及如何打包它们。

9、了解趋势

cirox-trend

你并不需要了解全部的网站设计和技术趋势,但是你需要适时地去了解它们。

简单来说,重要的不是对所有趋势如数家珍,但是你至少要深入了解至少三个流行趋势,能够说明白这些设计趋势在视觉上的特征,为什么要用它们,它们的运作原理是怎样的,你为什么喜欢或者不喜欢它们,等等。多阅读设计趋势文章,你就能搞定这一点。

如果不知道从何下手,不妨先看看这篇文章:《再战明年!2016年最值得关注的16个网页设计趋势》

10、解释设计理论

色彩、流程、平衡、比例、间距,这些常见的设计概念你都了解了嘛?当你在进行设计项目的时候,这些概念你都应当了解并运用起来。设计并不是单纯的好看,内在的概念也原理能告诉你为什么它这样才会漂亮。理解了它们,能自己解释它们,你才能创造出平衡的美感。

每一次向别人解释这些概念,探讨这些原理,你会对这些基础掌握的更加扎实。

结语

网页设计不是请客吃饭,对必备技能的扎实掌控是你走向成功必由之路。如果你对这些技能熟悉,那么能更好的做设计决策,更快更好的完成工作。如果其中有些部分做的并不太好,也不要纠结,这些基础的东西稍加努力就搞得定。

【如何才能成为创造价值的设计师?】

1、数据驱动:
《思路最值钱!如何通过设计提升高达12%的注册转化率?》

2、转变思维:
《为何说设计师是解决问题的人(附思辨提高法)》

3、实战解说:
《如何从甲方抽象的概念里提炼LOGO创意》

原文地址:designshack
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量107万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/10-things-web-designer-should-know

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里