资讯

精准传达 • 有效沟通

从品牌到营销,从策略到执行的一站式服务

青岛网站建设30天内学习网页设计的30个技巧

来源:博瑞思网站建设公司 | 2019-04-15| 打印

想要学习新东西或想要取得突破的网站或平面设计师和创意人第一件要做的事情就是需要“戒掉”拖延。 你没有在每天踏出你的第一步,那么你将远远落后于其他人!

按照以下步骤开始你的学习计划——如何在30天内创建你的第一个网站!


1.开始(Start a Website)

Start a Website

开始学习网页设计的最佳方式是你实际上直接参与它。 这是DesignHackers这本书的作者David Kadavy的建议。

你不必从庞大的网站或疯狂的设计开始,从小的事项开始去慢慢了解,比如通过浏览网站,弄清楚是什么让它如此有效(或相反),同时你可以检查代码,以便你可以开始熟悉将使你的网站正常工作的内容。


2.阅读你需要的一切(Read Everything You Can)

Read Everything You Can

开始阅读。 你可能已经习惯于及时了解设计世界中正在或即将发生的事情。 请继续抱有这种热情并积极阅读。

阅读有关网站设计,趋势,技术和最佳实践的所有内容。 在社交媒体上关注你觉得很棒的设计师。

为你的网站设计阅读阶段积累足够的知识和经验。 阅读有关学习一些代码的基础知识,阅读有关设计理论的知识,阅读教程和当前文章。


3.成为一个有效的沟通者(Be An Effective Communicator)

如果你不是善于表达的人,那就要熟练掌握这些技巧。 网站设计的一个重要部分是沟通。

网站设计师必须定期与客户沟通,以确定设计需要解决的问题,他们必须传达这些解决方案并实施它们。


4.订阅Tuts+以及Envato Elements(Subscribe to Tuts+ & Envato Elements)

考虑订阅Envato Elements,这也可以让你访问优秀的Tuts +学习资源。

Tuts +会定期发布关于图形和网页设计的常规课程,从基础技术到最新的高级方法和发展。 它完全是自定进度的,由专业教练讲授。 你还可以访问Envato Elements,这是查找图形,模板等绝佳资源的站点。


5.思考HTML(Think in HTML)

HTML或超文本标记语言是网站设计的基石。 HTML是帮助创建网站结构的骨架,一旦你学会阅读该语言,网站设计的世界将更有意义。

W3Schools有一个很棒的HTML入门教程,里面有数以百计的HTML示例,你可以在屏幕上看到它们,看看会发生什么以及它是如何工作的(你可能会发现它比你想象的更直观)。


6.通过Codeacademy了解代码(Play with Code at Codeacademy)

Play with Code at Codeacademy

虽然HTML是一个良好的开端,但你几乎可以从Codeacademy学习任何编程语言。 免费工具将教你如何使用交互式活动和进行编码。

你可以随时随地选择Codeacademy课程,并根据需要启动和停止。 选择要学习的科目-网络开发,编程,数据 - 或专注于语言-HTML和CSS(一个很好的起点),Python,Java,SQL,Ruby等。


7.学习样式(Learn to Understand CSS)

CSS或级联样式表定义了用HTML,XML和SVG编写的文档的表示。

Mozilla还有很多CSS资源可供入门者使用,并详细介绍了CSS的工作原理,包括选择器和属性,编写CSS规则,将CSS应用于HTML,如何在CSS中指定长度,颜色和其他单位,级联和继承,盒子模型基础和调试CSS等。


8.将你的设计技巧应用到Web上(Apply Your Design Skills to the Web)

如果你已经在创意或平面设计领域工作,请考虑你已经知道的可以应用于网站设计的内容。 使视觉上具有吸引力的原则不会基于媒介而改变,所有设计理论也将在数字空间中派上用场。

虽然学习代码等元素可能感觉不自然,但拥有设计背景是一个巨大的好处。 如果没有人愿意与之互动,那么编码再精巧的网站有什么用呢?


9.关注你喜欢的网站(Pay Attention to Websites You Love)

记下你喜欢的网站。 他们对你有什么吸引力? 你要怎么学会复制这些元素?注意:

· 字体

· 导航

· 图片以及空间的使用

· 表格的设计

· 动态交互以及滚动效果

· 用色


10.框架草稿(Draw a Wireframe)

Draw a Wireframe

框架草稿是网页设计师的头脑风暴阶段。

在最纯粹的形式中,线框是网站内容的草图。 它不是美学元素的轮廓,而是网站的蓝图。 绘制线框并不是关于这种设计的外观,而是关于其中的信息结构。


11.花一些时间学习Sketch(Take Some Time to Learn Sketch)

Take Some Time to Learn Sketch

Sketch是Mac的矢量绘图工具,可以轻松创建设计元素。 许多设计师正在转向Sketch来创建UI元素等设计项目。

它包含各种插件,允许你导出代码以便于使用和访问。 它是自Adobe的Creative Suite以来最强大,最受欢迎的工具之一,非常值得你花时间。


12.随时了解技术(Stay Up to Date with Technology)

AI,VR,AR,全景视频,机器人。

有许多新技术和趋势可能很难跟上。 但是你需要掌握这些变化。

一次解决一个问题,从与你所做工作最直接相关的技术开始。 如果你有一个在线聊天的网站,首先要了解机器人。 或者,如果你将使用大量视频内容,就关注和视频相关的技术。

人工智能和虚拟增强现实等技术更复杂,但很可能成为网站设计领域的一部分。 至少,你应该知道它们是什么以及可能的用途。


13.考虑SEO(Get Comfortable with SEO)

Get Comfortable with SEO

虽然许多网页设计师认为搜索引擎优化应该交由专业的人员来处理,但很多设计工作都与搜索引擎优化有关。

从图像上传的方式到创建干净的代码,包括页面和元素的元描述,设计师应该将搜索思维融入他们的工作流程中。

自由职业者,这对你也很重要。 大多数客户都足够精明,会要求SEO优化的网站。 如果你独自工作,你需要足够的知识来创建一个可以阅读的可靠框架(并且如果需要做更多的工作,可以将客户推荐给SEO专家)。


14.了解网站搭建工具(Play with a Website Builder)

网站构建者可以很好地熟悉最佳实践以及快速开始构建和设计网站。

这些工具中的大多数都有大量的模板,允许你自定义元素甚至添加代码片段。 对于简单的网站,许多网站建设者也有一个免费的计划,你可以在其中创建个人投资组合页面或基本网站。

然后在网站构建器中挑选出各个部分,看看它们的设计和编码方式,以了解它们如何结合在一起。


15.寻找导师(Find a Mentor)

是否有与你合作过的人,或者和你比较熟悉的设计师? 和他们一起去吃午餐或进行简短的谈话,了解他们关于这个行业的认识。

寻找愿意与你合作并能够你思考该领域以及如何自己学习网页设计的导师是非常宝贵的。 虽然你可以在网络社区找到一个导师,但没有什么比一个你可以定期面对面的活人更好。 

返回首页 了解更多建站资讯

十四年 行业经验

多一份参考,总有益处

联系博瑞思,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:0532-6898-5151 / 大客户专线:13156880058