[问题] 网页视觉设计初学请益

楼主: JimmyWr ( jimmywr)   2015-07-11 12:31:14
各位 网页设计板上的各位前辈大家好
真的很荣幸PTT上有这样一个版能够提供
前台设计师及后台数据库工程师有这样一个交流的空间
目前我是某补习班多媒体网页设计职训课程的学员,上课时数为三个月
前面几堂课负责DW的老师有稍微带到一点CSS,之后才会继续上HTML
我之前一直在Design版上潜水,但其实之前对于印刷业的印前作业的部分,
并不像我对网页这么有兴趣,我想专攻前台网页设计,
并希望未来能从事网页视觉设计的工作。
有耳闻网页设计并不是那么容易学习的一个门领域,所以我已经作好长期抗战的心理准备
,将准备三本笔记本专门记html/html5,CSS/CSS3,和Jquery
所以就我目前调查的资讯,想再向各位网页设计的前辈们请教更多意见。
一.网页编辑器的选择:
问过再作网页设计的朋友,有10个人里面会有八个跟我说不要用DW写,
有一位后台工程师朋友跟我说是因为,用DW写会造成前后台程式衔接上有问题
到时候必须透过NOTEPAD++去修改,很花时间
但由于我是新手,二来我又是想专攻前台视觉设计的部分,DW直接跳过去写html
其实会有些困难。但我认同有些版上设计师说直接写html不要去透过DW的按键
只是DW的功能也稍为让自己知道怎么操作,所以在这里,就编辑器的部分
我是打算让自己学会 Dreamweaver 和Notepad++这两套编辑器
当然也有工程师推荐我用sublime text 3,原因是因为功能强大,
就要学Notepad++还是sublime text 3我会再作一次考虑
(ps:我的工程师朋友他比较倾向sublime text 3,然而我也有认识一位女生作前台是用
braket写)
问题:各位前辈建议DW和Notepad++一起学吗
二.学习领域的分类
想专攻前台网页设计,甚至是到说希望能够接案帮人作网页视觉设计
但又不可能不碰后台,一位作过后台工程师的朋友也跟我提到,PHP也包含
前台后台的部分,所以PHP前台也是要懂
DW的部分,他是很推荐熟练DW以及HTML和CSS之后再去学习PHP的部分,
所以也没有赞成把DW放弃掉这种说法
故目前归类几个科目,是我未来告诉自己一定要去碰的,否则即便是把前面的
学好了,也将发生后台的部分不知道怎么和工程师沟通的问题。
所以我的分类上是希望自己能够学会
要求自己要会写要会操作:Dreamweaver/ CSS/CSS3 / HTML/HTML5 / Jquery
要求自己要会读得懂:Javascript/PHP
(要把JS读懂,这是一个日本的女设计师跟我说的)
要求自己要精通:SEO
额外想加强的领域:基本的网管知识(万一客户叫我帮他们设定IP或者是设定区网空间)
以上这几个科目我都会帮自己准备一本笔记本
问题:请问以上的这样的分类对于网页视觉设计师来说是否足够呢,谢谢!
三.跨装置的测试
网页设计的第一门课,那门专门再教资讯的老师就说,现在作网页
要能够在 桌上型电脑/平板电脑/智慧型手机/苹果电脑 四种装置上测试
听到这里,我就觉得很震撼,因为我只有智慧型手机/桌电/和笔电
目前还没有苹果电脑和平板电脑。如何处理硬件问题?
我的
处理方式:1.直接取得平板或苹果电脑
平板电脑可能会在手机换门号的时候跟电信业者要要看
苹果电脑的话,自己有想要考虑因应未来可能直接到客户那边作设计,须要台笔电
很多平面设计师很推苹果电脑,但苹果电脑一来比较贵,二来有很多相容性的问题)
我给自己考虑三个月的时间,在多方打听看看是不是要购买Mac笔电
处理方式2.跟朋友借平板和Mac来测试,这应该要跟朋友够熟才有办法作到
处理方式3.有位工程师朋友跟我说可以在桌电上有模拟程式可以模拟平板
     我第一次听到之后觉得,那个准吗?会不会又像DW的设计界面
     一样浏览的时候落差很大?
处理方式4.听说跨装置有专门的开发解决方案,但目前我受职训的课程应该
     是不会带大家学到RWD的部分,我未来会视情况考虑去进修RWD,
     现阶段先把基础打好
(我们的课程比较偏 html/CSS/Flash/(没错!就是会带好几小时的flash XD))
问题一:不知道各位前辈再帮客户网页作设计,也是会准备这四种硬件吗
问题二:请问如果这四种装置都能够跑,是否笔电以外的装置,
网页设计的报价都要能够往上调?(就是每多一个装置多一个报价)
还是未来的趋势是四种装置设计师都要能够会作呢?谢谢!
四.浏览器和作业系统的测试
虽然其实有问过工程师说作业系统会不会影响网站的测试,他只跟我说一切看浏览器版本
然而就作业系统线在微软有出到WIN8我也是很担心,因为家里两台电脑,
2010买的,是WINXP;另外一台电脑2014买的,是WIN7,WIN8虽然已经出来两年多快三年
但我只有在电脑补习班碰过WIN8,WIN8在操作上我只能说很不熟悉。
即便是测试网页是以浏览器为主,我相信如果客户是用自己的笔电去测试
绝对难免会遇到他问你WIN8/WIN10 界面上怎么调整操作的问题
兹此,就苹果电脑和一般的笔电,我考虑买一般笔电以熟悉WIN8/WIN10的操作
两台一台WIN7一台XP的电脑,我想还是可以继续用,但是务必熟悉WIN8
至于浏览器的部分 IE至少要测试到IE11,以及透过Google Chrome和 Firefox的测试
由于Chrome和Firefox可以自动更新,不像IE有版本的问题
问题:
可以请问各位 设计师/工程师 以上关于浏览器的说法有问题吗?
另外请问如果真的要帮客户设计网站,是希望笔电和桌电都能灌WIN8/WIN10吗
还是即便是桌电还在用WINXP/WIN7 也不影响?
五.网页空间的测试
Google的网域空间好像只能套html上去
这边也是一位工程师朋友介绍给我,可以作网页测试用的免费空间
Hots My Web http://er-webs.com/ 这个空间支援MySQL和PHP
不知道各位还有没有推荐的免费测试空间,谢谢!
六.科目书籍和网络教材
深入浅出系列用书,我打算先借 网页设计/HTML &CSS/ Javascipt这三本
松岗的 Dreamweaver CS6 以及 Dreamweaver CS6 PHP 这本也将入手翻阅
深深觉得政府的的职训课程对于学习CSS和HTML并不是那么够
所以YOUTUBE的教学影片也会被我k完
CSS教程: https://www.youtube.com/watch?v=Z2lVzikg8zU
HTML教程:https://www.youtube.com/watch?v=TCP1yvo_mAc
由于是大陆的教学所以翻上会有些不同,但还好程式应该是相同的
如果各位前辈有更推荐教学资源可以再作推荐吗!谢谢!
七.网管知识
请问帮客户架设网站,一个网页视觉设计师,大概网管须要懂到什么程度呢?
客户会不会顺便请你帮忙设个区网,或设定IP或者是架设ftp之类的。
目前我的想法是,网页前台必须包办业务,美工,前台程式,和SEO;
后台的部分再找人或公司作配合,网管的部分也在找人或公司作配合
最后,真心感谢版上的网页设计师/工程师前辈们 
阅读完我的问题,真的很希望能够再获得各位宝贵的意见
版上的网页设计LINE群组我也已经加入,目前是希望能够抱持
长期抗战的心态面对这份工作
谢谢大家!
作者: oToToT (屁孩)   2015-07-11 13:43:00
ST跟bracket一起学啊,DW真的不太需要平板拿bs或gm来模拟,不会差太多免费测试就自己在电脑上装个Apache也可以
作者: smallma009 (Rain老爷)   2015-07-11 15:49:00
atom + react 网页还是全盘自己控制好
作者: eggimage (目前没有名片)   2015-07-11 16:27:00
个人觉得dreamweaver实在用起来很不舒服 用sublime textsublime text2才是稳定正式版 3还是beta除了html css 你先学javascript + jquery(js library)php等你要做后端的东西再学..你想做前端 连photoshop, illustrator都一起学吧对你网页里面很多元件帮助很大很大..一个视觉设计师可以是coding能力很强 但真的要做到视觉部分 却对美感方面的设计能力很差..光是要你自己会弄个svg图不少设计师都会头大..
作者: vi000246 (Vi)   2015-07-11 18:19:00
能兼顾js和设计满难的 建议你前端跟视觉选一样精通就好
作者: oj113068 (橘子汁)   2015-07-12 00:28:00
DW可以做为入门,毕竟他有图形化接口对视觉设计出身的人比较亲切,但是他自己会产生一些多余的code,所以很多人不推吧。可以开程式码视窗和预览视窗同步,慢慢从由功能拉来拉去到自己code。然后再看你要不要换。(braket我也觉得不错)
作者: eggimage (目前没有名片)   2015-07-12 01:00:00
以我自己偏颇感觉 sublime实在太舒服了 DW则用到想撞墙
作者: crossdunk (推嘘自如)   2015-07-13 08:46:00
就算是新手也没有理由用DW吧你要前端就是一定要会HTML 会了之后DW对你就不重要了
作者: st9140626 (Ting)   2015-07-16 17:30:00
sublime 推荐+1视觉与前端依旧可以同时学,有志者事竟成,除了练习写语言之外,平日多看一些设计网也挺重要的

Links booklink

Contact Us: admin [ a t ] ucptt.com