設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)主要干什么的?
網(wǎng)頁(yè)設(shè)計(jì)主要干什么的?網(wǎng)頁(yè)設(shè)計(jì)的說(shuō)法不準(zhǔn)確。隨著科技的不斷發(fā)展精細(xì)化,網(wǎng)頁(yè)設(shè)計(jì)有了更加細(xì)致的分工。筆者將其分為以下三類:第一,網(wǎng)頁(yè)視覺設(shè)計(jì)。通常,這類人才具有較強(qiáng)的審美意識(shí)和藝術(shù)技能。它們可以解決色彩
網(wǎng)頁(yè)設(shè)計(jì)主要干什么的?
網(wǎng)頁(yè)設(shè)計(jì)的說(shuō)法不準(zhǔn)確。隨著科技的不斷發(fā)展精細(xì)化,網(wǎng)頁(yè)設(shè)計(jì)有了更加細(xì)致的分工。筆者將其分為以下三類:第一,網(wǎng)頁(yè)視覺設(shè)計(jì)。通常,這類人才具有較強(qiáng)的審美意識(shí)和藝術(shù)技能。它們可以解決色彩搭配和視覺舒適的問(wèn)題。更多的頁(yè)面可以知道什么樣的設(shè)計(jì)可以帶來(lái)視覺沖擊,比如廣告和促銷頁(yè)面。
2、網(wǎng)頁(yè)設(shè)計(jì)的前端部分。他們主要負(fù)責(zé)將草稿和原始設(shè)計(jì)裁剪成真實(shí)的網(wǎng)頁(yè)。達(dá)到所需的特殊效果。并負(fù)責(zé)后端數(shù)據(jù)對(duì)接??梢允鬼?yè)面“活躍”。
3、網(wǎng)頁(yè)的后端設(shè)計(jì)。我認(rèn)識(shí)程序員,負(fù)責(zé)業(yè)務(wù)邏輯的實(shí)現(xiàn),堆代碼。他們負(fù)責(zé)各種數(shù)據(jù)的集成、計(jì)算、傳輸和存儲(chǔ)。它們實(shí)現(xiàn)了你看不見但必須使用的功能。然后與前端連接。這樣一套完整的網(wǎng)頁(yè)設(shè)計(jì)流程就完成了。
html css js為什么不直接設(shè)計(jì)成可視化的,像做PPT那樣?
有很多可視化的HTML CSS JS工具,如:DW、h5builder、Baidu website framework、Vue等
但效果不如PPT,這涉及到一個(gè)基本問(wèn)題:開發(fā)語(yǔ)言。
Ppt屬于Microsoft的封閉式office套件,其格式是獨(dú)占的,并且沒有供開發(fā)人員使用的用戶定義的開發(fā)腳本(excel有VBA宏)。Word具有基本的功能。Ppt僅提供封閉效果引用,如動(dòng)畫、圖片效果渲染等
Html是一種超文本標(biāo)記語(yǔ)言。在JS腳本和CSS樣式表的描述下,提供給瀏覽器(開放軟件)臨時(shí)編譯對(duì)象在瀏覽器框架下運(yùn)行。因此,有些網(wǎng)頁(yè)在一個(gè)瀏覽器中顯示正常,在另一個(gè)瀏覽器中顯示不正常。因此,很難提供一個(gè)類似ppt的可視化框框用于網(wǎng)頁(yè)的拖放編輯。
近年來(lái),經(jīng)過(guò)前端開發(fā)和后端開發(fā)的分離,前端正朝著框架和模板的方向發(fā)展。如果沒有后臺(tái)的數(shù)據(jù)支持,在開發(fā)階段,很多頁(yè)面甚至是空白的,這就更不可能用PPT的方式開發(fā)了
如何做好網(wǎng)頁(yè)設(shè)計(jì)?
Web設(shè)計(jì)比具有硬件知識(shí)的嵌入式編程和PC網(wǎng)絡(luò)編程要容易得多。一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)只需要學(xué)習(xí)HTML,CSS和JS。最后,有C語(yǔ)言的基礎(chǔ)。
我在2003年學(xué)習(xí)了網(wǎng)頁(yè)。我和在家里上網(wǎng)無(wú)關(guān)。我想做一個(gè)在線運(yùn)行的CRC計(jì)算器,也就是CRC計(jì)算器的網(wǎng)頁(yè)版。
當(dāng)時(shí)只要能實(shí)現(xiàn)功能,界面就不需要好看,所以只需要HTML JS(因?yàn)樾枰狦B2312漢字編碼,所以需要VBS)。
因?yàn)槲覐氖萝浻布?,學(xué)習(xí)了很多編程語(yǔ)言,所以入門速度很快,初步實(shí)現(xiàn)了線上線下操作的功能。
一直在ie下運(yùn)行,即只能在PC上的Windows環(huán)境下運(yùn)行,其他瀏覽器不能運(yùn)行(不支持VBS),兼容性太差。
在互聯(lián)網(wǎng)上運(yùn)行了13年之后,我終于決定讓它完全兼容,可以在任何平臺(tái)上運(yùn)行。
為了美化界面,您暫時(shí)學(xué)習(xí)了CSS,最終實(shí)現(xiàn)了與所需的hotcrc計(jì)算器的完全兼容。
所以,不要什么都要!只要你想做,沒有什么是你做不到的。
為什么移動(dòng)端UI要有設(shè)計(jì)規(guī)范?
您好,我認(rèn)為至少有三個(gè)理由可以說(shuō)明為什么應(yīng)該有移動(dòng)終端的設(shè)計(jì)規(guī)范。
1. 對(duì)于設(shè)計(jì)師:為后續(xù)版本迭代和多人合作提供指導(dǎo),保持產(chǎn)品的統(tǒng)一性;由于一個(gè)項(xiàng)目從開始到下一次更新迭代需要很長(zhǎng)時(shí)間,可能會(huì)有很多設(shè)計(jì)師參與,但每個(gè)人的風(fēng)格不同,會(huì)影響整體視覺體驗(yàn),所以有了規(guī)范,設(shè)計(jì)師就可以在產(chǎn)品視覺上得到統(tǒng)一,便于更新迭代。
2. 對(duì)于開發(fā):提供標(biāo)準(zhǔn)化的組件樣式以減少開發(fā)重復(fù)時(shí)間。
因?yàn)橛辛艘?guī)范,以后的維護(hù)就方便多了,設(shè)計(jì)師不需要再做標(biāo)記,開發(fā)時(shí)也不需要重新寫樣式,直接修改內(nèi)容。
3. 對(duì)于用戶:符合大眾的視覺體驗(yàn)。因?yàn)樵诂F(xiàn)實(shí)中,人們?cè)谠O(shè)計(jì)移動(dòng)終端產(chǎn)品時(shí),一般都有字體、圖標(biāo)間距等方面的習(xí)慣
下面的圖是我收集的規(guī)范的一部分,與大家分享。讓我們一起學(xué)習(xí)
PC端和移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)的字體規(guī)范是什么?
電腦網(wǎng)頁(yè)的默認(rèn)字體是宋體。在重新設(shè)計(jì)時(shí),我們需要注意漢字的最小12像素。必須選擇宋體,字符屬性為無(wú)。因?yàn)樗误w中文只有12個(gè)像素,所以只能看得很清楚。當(dāng)它大于12或14時(shí),我們通常用黑體字。最小的英文宋體可以是9像素,很少使用。對(duì)于移動(dòng)終端上的IOS,我們將字體設(shè)計(jì)為apple,對(duì)于Android,我們使用粗體字體。