• 首页
  • 博客
  • 我想自己做网站,该用什么网页设计软体?

我想自己做网站,该用什么网页设计软体?

Author: 路卡斯特
web-design-software-ok

无论是网页设计的初学者,或是好奇想知道网站设计是如何从无到有,都可以从本文可以了解基本的网站设计流程,网站设计可以分成三个设计阶段,分成网站视觉设计、网站前端设计(切版)、网站后端设计(程式设计),不同设计阶段使用的网页设计软体也不一样。


先搞懂网站制作流程

暂时先不讨论租用型套版网页设计或是独立型套版网页设计,也不讨论用Bootstrap套用网站的作法,因为以上几种作法无法体现真正的网页设计流程,本文以完整的客制化网站设计流程做说明,网站设计需要有三个设计阶段,分属于三个不同技术背景的网站设计师,有「视觉网页设计师」、「前端工程师」、「后端设计师」,只要能学习其中一种,打好设计基本功,要进入网站设计产业并非难事,有了基本功以后才有能力运用更多的网页设计工具、修改套版网站的程式码,像是wordpress、joomla、Bootstrap...适合有底子的网站设计师。


第一阶段: 网站视觉设计

网站设计的第一阶段是进行网站视觉设计,网页设计师要把网站需要的画面以图的方式绘制出来,眼睛看得到的画面都要设计,单元有首页、产品资讯、最新消息、常见问答、购物车、会员专区、档案下载、部落格、联络我们....,这时候已经可以看到网站雏形,但这些画面都还只是「图片」,还不是有HTML内码的网站,但已经可以交给客户进行设计确认了。

具备能力: 视觉美感、图片设计、RWD逻辑、使用者体验(UX)、SEO观念、沟通能力...。
网页设计软体: Fireworks(向量绘图)、Photoshop(图片处理)、Illustrator(向量绘图)、Adobe Dreamweaver(网站软体)、Lightroom(图片去背景)
延伸阅读:如何成为专业的网页设计师?


第二阶段: 网站结构设计

第一阶段是视觉图是「给人看」的设计,第二阶段的网站设计就是要把视觉图转成HTML,这是要「给主机看」的设计,第一阶段网站设计还只是图,第二阶段就是把很多的图片变成真正具备HTML、CSS、Javascript内码的网站,而把网站图片变成HTML的设计师,我们称他们「前端工程师」,这个过程叫做「切版」,像用刀子把图片一片一片切开后重新组装成网站,前端工程师在切版过程中也会把网站转成RWD网站,让网站可以在桌机、手机、平板呈现网站时,自动变成适合的网站大小,前端工程师还有一个任务,就是让各种浏览器都能正常运作网站。

具备能力:html程式撰写、CSS撰写、RWD设计能力、javaScript程式撰写、解决网站相容性、沟通能力
网页设计软体: Visual Studio Code、Notepad++、IntelliJ、Vim、Eclipse、Sublime Text
延伸阅读:网页设计为什么需要前端工程师?
延伸阅读:RWD比较好还是AWD?

网站设计软体使用率


第三阶段: 网站系统设计

早期的网站都是一页一页做的静态网站,现代网站必须有内容管理系统,就是透过程式与资料库建置的「内容管理系统」,就是大家常说的网站后台(CMS),后台将网站变成可以方便管理资料的系统,后台让网站上架资料更有效率,改资料不用等网页设计公司改,而设计网站后台系统的工程师,我们称他们「程式设计师」,也有人称「后端工程师」,由他们来主导第三阶段的网站设计。

具备能力:程式撰写、熟悉HTML、JS程式撰写、API程式撰写、串接第三方系统API、检测程式错误、资料库建置、沟通能力
网页设计软体: Visual Studio Code、PHPStorm、Notepad++、IntelliJ、Eclipse、Sublime Text、Adobe Dreamweaver
延伸阅读:成功网页设计的关键 -网站后台 CMS


结论

学习网页设计的第一件事,就是想一想自己适合哪一种网站设计阶段?一个网站从无到有,需要经历三个网站设计阶段,网页设计(视觉设计)、网站切版(前端设计)、程式设计(后端设计),每个网站设计阶段的设计师对网站来说都很重要,每个阶段使用的网页设计软体也不一样,网路上的网页设计教学的资料很多,选定一个专业不断精进学习,就能迈向网站设计的专业之路,而网页设计软体的选择贵精不贵多,只要能擅用1-2种就能胜任工作,网页设计软体没有好坏只有熟练,只要能完成网站设计的任务就可以了。
延伸阅读:如何选择网页设计公司? 7个秘诀过滤设计公司

(本文为达文西数位科技所有,转载文图请注明出处) 马上咨询网页设计
喜欢探索,常常埋首于新奇的事物里,总是希望给您最适切的解决方案。

超值套版網站,優惠特價 $ NT 62,000

請與我們聯繫
線上客服 TOP