學(xué)UI設(shè)計(jì)好，還是網(wǎng)頁設(shè)計(jì)好？謝謝你的邀請(qǐng)！作為IT行業(yè)從業(yè)者和計(jì)算機(jī)專業(yè)教育者，讓我回答這個(gè)問題。首先，當(dāng)前的UI設(shè)計(jì)和web設(shè)計(jì)（前端開發(fā)）都是不錯(cuò)的選擇。一方面，這兩個(gè)崗位的就業(yè)空間比較大，另一

學(xué)UI設(shè)計(jì)好，還是網(wǎng)頁設(shè)計(jì)好？

謝謝你的邀請(qǐng)

！作為IT行業(yè)從業(yè)者和計(jì)算機(jī)專業(yè)教育者，讓我回答這個(gè)問題。

首先，當(dāng)前的UI設(shè)計(jì)和web設(shè)計(jì)（前端開發(fā)）都是不錯(cuò)的選擇。一方面，這兩個(gè)崗位的就業(yè)空間比較大，另一方面，這兩個(gè)崗位的發(fā)展空間也比較大，薪酬也相當(dāng)可觀。

對(duì)于UI設(shè)計(jì)或網(wǎng)頁設(shè)計(jì)的選擇，我們需要考慮三個(gè)因素：一是我們自己的知識(shí)結(jié)構(gòu)、能力特點(diǎn)和興趣愛好；二是我們自己的學(xué)習(xí)環(huán)境；三是我們自己的資源，包括學(xué)習(xí)資源、就業(yè)資源等。如果你有一定的繪畫基礎(chǔ)，并且有一些專業(yè)的人在你周圍的UI位置可以進(jìn)行交流，那么更適合選擇學(xué)習(xí)UI設(shè)計(jì)。如果你對(duì)程序設(shè)計(jì)感興趣，有一定的邏輯思維能力，可以考慮學(xué)習(xí)前端開發(fā)的相關(guān)知識(shí)。

雖然UI設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)屬于兩個(gè)不同的學(xué)習(xí)方向，但隨著移動(dòng)互聯(lián)網(wǎng)、云計(jì)算和大數(shù)據(jù)的發(fā)展，UI設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)崗位的界限逐漸模糊。很多UI設(shè)計(jì)崗位也需要一定的網(wǎng)頁設(shè)計(jì)能力，而網(wǎng)頁設(shè)計(jì)崗位也需要一定的UI設(shè)計(jì)能力。因此，用戶界面設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的關(guān)系在未來會(huì)越來越密切。

UI設(shè)計(jì)的主要學(xué)習(xí)內(nèi)容是交互設(shè)計(jì)和可視化設(shè)計(jì)。我們需要系統(tǒng)地學(xué)習(xí)一些設(shè)計(jì)工具，對(duì)流行的計(jì)算機(jī)技術(shù)有一個(gè)清晰的認(rèn)識(shí)，從而避免設(shè)計(jì)內(nèi)容無法實(shí)現(xiàn)的尷尬。網(wǎng)頁設(shè)計(jì)的主要學(xué)習(xí)內(nèi)容是HTML、CSS和JavaScript。同時(shí)，我們需要學(xué)習(xí)一系列的開發(fā)框架來提高設(shè)計(jì)效率。

一般來說，網(wǎng)頁設(shè)計(jì)和UI設(shè)計(jì)不是很難。大多數(shù)人可以通過系統(tǒng)的學(xué)習(xí)過程順利地掌握它們。

網(wǎng)頁設(shè)計(jì)最合適的頁面尺寸是多少？

許多新手設(shè)計(jì)師都會(huì)面臨一個(gè)問題，那就是網(wǎng)頁的大小和寬度？事實(shí)上，答案并不是固定的。它可以是1920或1280。黑客認(rèn)為，最重要的決定因素是你自己的工作電腦分辨率。這是市場上最流行的電腦，除了13:780-1285k，這是最流行的屏幕尺寸，MacBook Pro就是代表。在上述設(shè)備中，13英寸和15英寸的MAC書雖然實(shí)際分辨率非常大，但由于采用視網(wǎng)膜屏幕，視覺顯示仍屬于上述范圍。因此，網(wǎng)站的大部分內(nèi)容顯示寬度都小于1200px，保證電腦小屏幕可以顯示整個(gè)頁面的內(nèi)容。以前很多屏幕都是960px，但因?yàn)槠聊辉絹碓酱?，現(xiàn)在就少了。網(wǎng)頁設(shè)計(jì)尺寸在了解電腦屏幕尺寸后，網(wǎng)頁設(shè)計(jì)尺寸（本文特指寬度，高度不限）這一點(diǎn)也很清楚：選擇哪一個(gè)沒有錯(cuò)。事實(shí)上，許多設(shè)計(jì)師都是這樣做的：設(shè)計(jì)1920個(gè)網(wǎng)頁，屏幕比1920小。這個(gè)設(shè)計(jì)是對(duì)的，它是許多培訓(xùn)機(jī)構(gòu)和學(xué)校的標(biāo)準(zhǔn)定義：網(wǎng)頁設(shè)計(jì)的寬度是1920。使用插件定義設(shè)計(jì)尺寸，但是如果使用此工件的草圖插件，則不會(huì)根據(jù)前面的結(jié)論進(jìn)行設(shè)計(jì)。黑客們以前也有過這種做法。點(diǎn)擊查看設(shè)計(jì)師在制作界面的過程中需要經(jīng)常查看設(shè)計(jì)底稿，以便及時(shí)修改設(shè)計(jì)細(xì)節(jié)。除非可以用1920屏幕來設(shè)計(jì)1920大小，否則我們的設(shè)計(jì)尺寸和屏幕大小不一樣，會(huì)導(dǎo)致預(yù)覽界面發(fā)生偏移，所以需要手動(dòng)調(diào)整中間。如果設(shè)計(jì)的尺寸與屏幕尺寸一致，插件的預(yù)覽效果會(huì)非常完美，無需每次都進(jìn)行調(diào)整。從本質(zhì)上講，選擇網(wǎng)頁設(shè)計(jì)的尺寸是正確的。關(guān)鍵在于如何方便快捷地預(yù)覽和展示設(shè)計(jì)草圖。在使用素描插件進(jìn)行頻繁預(yù)覽的前提下，黑客建議網(wǎng)頁設(shè)計(jì)尺寸等于你工作電腦的屏幕尺寸，這樣會(huì)節(jié)省你很多時(shí)間。在設(shè)計(jì)后臺(tái)類的接口時(shí)，這種方法的優(yōu)勢(shì)將更加明顯。最后，我們需要注意的是，當(dāng)我們剪切圖片時(shí)，如果遇到全屏圖片，我們需要將剪切更改為1920，否則在1920計(jì)算機(jī)中剪切寬度將不足。然而，當(dāng)涉及到切割圖時(shí)，它屬于設(shè)計(jì)工作的后期。我們只需要花點(diǎn)時(shí)間把相應(yīng)的切割圖改成1920。

網(wǎng)頁設(shè)計(jì)什么軟件好呢？

1、Dreamweaver CS6]Dreamweaver是一款功能強(qiáng)大的網(wǎng)頁設(shè)計(jì)軟件，具有可視化編輯界面。該軟件具有響應(yīng)自適應(yīng)網(wǎng)格布局、增強(qiáng)jQuery移動(dòng)支持、實(shí)時(shí)視圖更新等功能。這是一個(gè)網(wǎng)頁，使軟件值得擁有。

2、Hbuilder不再是幫助您快速開發(fā)HTML瀏覽器的最強(qiáng)大工具。在hbuilder中預(yù)設(shè)了hello hbuilder項(xiàng)目。用戶在輸入幾十行代碼后會(huì)發(fā)現(xiàn)，它的速度至少是其他開發(fā)工具的五倍。Hbuilder的生態(tài)系統(tǒng)可能是最豐富的webide生態(tài)系統(tǒng)，因?yàn)樗瑫r(shí)兼容eclipse插件和Ruby包。Svn、GIT、FTP、PHP、less和其他技術(shù)都有eclipse插件。

3、WPS show hall]WPS show hall是金山WPS推出的一款非常方便的HTML5頁面制作工具。它提供了大量的H5模板和應(yīng)用場景。簡單的操作讓你不費(fèi)吹灰之力就可以制作出精美的H5頁面。秀堂提供了大量的H5模板，用戶可以通過簡單的圖形替換實(shí)現(xiàn)圖形音樂的自由組合，快速生成具有豐富動(dòng)畫效果的HTML5在線頁面，并一鍵在社交網(wǎng)絡(luò)上分享。同時(shí)，秀堂還可以幫助用戶監(jiān)控通信效果，滿足用戶的移動(dòng)通信需求。