PC端和移動(dòng)端網(wǎng)頁設(shè)計(jì)的字體規(guī)范是什么？學(xué)UI設(shè)計(jì)好，還是網(wǎng)頁設(shè)計(jì)好？電腦網(wǎng)頁的默認(rèn)字體是宋體。我們?cè)谥匦略O(shè)計(jì)時(shí)需要注意歌曲的字體。必須選擇最小12像素的漢字，字符屬性為“無”。因?yàn)樗误w中文只有12個(gè)

PC端和移動(dòng)端網(wǎng)頁設(shè)計(jì)的字體規(guī)范是什么？

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

電腦網(wǎng)頁的默認(rèn)字體是宋體。我們?cè)谥匦略O(shè)計(jì)時(shí)需要注意歌曲的字體。必須選擇最小12像素的漢字，字符屬性為“無”。因?yàn)樗误w中文只有12個(gè)像素，所以只能看得很清楚。當(dāng)它大于12或14時(shí)，我們通常用黑體字。最小的英文宋體可以是9像素，很少使用。對(duì)于移動(dòng)終端上的IOS，我們將字體設(shè)計(jì)為apple，對(duì)于Android，我們使用粗體字體。

作為前端開發(fā)，pc端和移動(dòng)端有什么不同？

感謝您的邀請(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í)過程順利地掌握它們。

想學(xué)習(xí)設(shè)計(jì)，平面設(shè)計(jì)跟UI設(shè)計(jì)怎么區(qū)分？

傳統(tǒng)的前端開發(fā)通常是指web前端開發(fā)，主要應(yīng)用于PC端。當(dāng)前的前端開發(fā)除了PC端外，還包括了移動(dòng)端，移動(dòng)端開發(fā)的技術(shù)結(jié)構(gòu)也發(fā)生了一些新的變化。

在技術(shù)結(jié)構(gòu)上，傳統(tǒng)PC端主要采用HTML、CSS和JavaScript，而移動(dòng)端需要包括Android開發(fā)、IOS開發(fā)和WP開發(fā)。Android開發(fā)需要學(xué)習(xí)Java或kotlin，IOS開發(fā)需要學(xué)習(xí)oC或swift，WP開發(fā)需要掌握C語言。目前，許多開發(fā)團(tuán)隊(duì)已經(jīng)將移動(dòng)開發(fā)納入了前端開發(fā)團(tuán)隊(duì)。對(duì)于前端開發(fā)人員來說，他們需要進(jìn)一步豐富自己的知識(shí)結(jié)構(gòu)，以提高自己的工作競爭力。

在開發(fā)模式上，PC開發(fā)可以呈現(xiàn)的內(nèi)容更加豐富，可以采用的操作模式更加靈活。然而，對(duì)于移動(dòng)終端，可以呈現(xiàn)的內(nèi)容通常是有限的。為了讓用戶有更好的使用體驗(yàn)，我們需要在頁面設(shè)計(jì)上下功夫。由于移動(dòng)終端的屏幕尺寸有限，移動(dòng)終端的設(shè)計(jì)不能像PC那樣大而全，移動(dòng)終端應(yīng)該追求“小而美”，在有限的屏幕上呈現(xiàn)更豐富的內(nèi)容，這往往是移動(dòng)終端設(shè)計(jì)的難點(diǎn)。

在部署模式下，PC端通常不需要安裝任何軟件，只要產(chǎn)品部署到網(wǎng)絡(luò)上，PC端就可以通過瀏覽器進(jìn)行訪問。對(duì)于移動(dòng)端來說，往往需要在應(yīng)用市場下載相應(yīng)的應(yīng)用產(chǎn)品后才能接入，而服務(wù)應(yīng)用的服務(wù)器端則往往需要使用云計(jì)算平臺(tái)進(jìn)行部署。

目前，隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展，移動(dòng)終端的發(fā)展逐漸成為一種較為常規(guī)的發(fā)展形式。掌握移動(dòng)終端的開發(fā)技術(shù)將是前端開發(fā)者的基本要求之一。

??面設(shè)計(jì)與ui設(shè)計(jì)其實(shí)是不同的，對(duì)于二者是很難區(qū)分的?，F(xiàn)在我們帶大家了解一下（平面設(shè)計(jì)與UI設(shè)計(jì)的區(qū)別）。

我們首先從概念理解一下平面設(shè)計(jì)與UI設(shè)計(jì)的定義：平面設(shè)計(jì)，也稱視角傳達(dá)設(shè)計(jì)，是以“視角”作為溝通的表現(xiàn)形式，透過多種方式來創(chuàng)造和結(jié)合符號(hào)，圖片和文字，借此作出用來傳達(dá)想法或訊息的視角表現(xiàn)。平面設(shè)計(jì)師可能會(huì)利用字體排印，視角藝術(shù)，版面，電腦軟件等方面的專業(yè)技巧，來達(dá)成創(chuàng)作計(jì)劃的目的。平面設(shè)計(jì)通?？芍钢谱鲿r(shí)的過程，以及最后完成的作品。

平面設(shè)計(jì)的常見用途：商標(biāo)品牌標(biāo)示，出版物（雜志，報(bào)紙和書籍），平面廣告，海報(bào)，廣告牌，網(wǎng)站圖形元素，標(biāo)志和產(chǎn)品包裝。

UI即User interface（用戶界面）的簡稱，UI設(shè)計(jì)分為實(shí)體UI和虛擬UI，互聯(lián)網(wǎng)說的UI設(shè)計(jì)是虛擬UI，一般是指對(duì)軟件的人機(jī)交互，操作邏輯，界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件變得舒適簡單，自由充分體現(xiàn)軟件的定位和特點(diǎn)。軟件設(shè)計(jì)可分為二部分：編碼設(shè)計(jì)與UI設(shè)計(jì)。UI的本意是用戶界面。從字面上看是用戶與界面兩個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。

平面設(shè)計(jì)與UI設(shè)計(jì)的主要有以下四個(gè)方面的區(qū)別：

一 ：實(shí)現(xiàn)過程不同。平面設(shè)計(jì)實(shí)現(xiàn)過程是用印刷工藝去實(shí)現(xiàn)，好比一張名片，設(shè)計(jì)好了需要印刷出來才能使用，這就是需要印刷工藝才行。UI設(shè)計(jì)實(shí)現(xiàn)過程則是運(yùn)用程序代碼，設(shè)計(jì)好后通過程序代碼讓UI設(shè)計(jì)實(shí)現(xiàn)其功能。

二：完成設(shè)計(jì)工作的人數(shù)不同。平面設(shè)計(jì)一個(gè)人就可以完成全程設(shè)計(jì)，老板或者客戶提供需求后，平面設(shè)計(jì)師便可以直接完成設(shè)計(jì)。UI設(shè)計(jì)則需要團(tuán)隊(duì)成員一起設(shè)計(jì)才能完成，比如設(shè)計(jì)一個(gè)APP，需要老板或客戶給一個(gè)需求，然后產(chǎn)品經(jīng)理，交互設(shè)計(jì)師，視角設(shè)計(jì)師，程序員一起配合才能完成。

三：工作的公司類型不一樣。平面設(shè)計(jì)一般去的是公司，是傳統(tǒng)企業(yè)，廣告公司居多。UI設(shè)計(jì)一般去的公司是互聯(lián)網(wǎng)企業(yè)，比如百度，騰訊這樣的互聯(lián)網(wǎng)公司。

四：工作量不一樣。平面設(shè)計(jì)一般一個(gè)需求，就一到二頁，比如一張名片，只有正反二面，只設(shè)計(jì)二面就行。UI設(shè)計(jì)的最少也是幾十上百個(gè)頁面，比如人一個(gè)APP有引導(dǎo)頁面，登錄頁面，主頁面，設(shè)置頁面，功能頁面等。

上述就是平面設(shè)計(jì)與UI設(shè)計(jì)這四方面的區(qū)別。

圖形設(shè)計(jì)和UI設(shè)計(jì)實(shí)際上是不同的，很難區(qū)分它們。現(xiàn)在讓我們帶您了解一下（圖形設(shè)計(jì)和UI設(shè)計(jì)之間的區(qū)別）。

首先，讓我們從概念上理解圖形設(shè)計(jì)和UI設(shè)計(jì)的定義：圖形設(shè)計(jì)又稱透視傳達(dá)設(shè)計(jì)，以“透視”為傳達(dá)形式，通過多種方式創(chuàng)造和組合符號(hào)、圖片和文字，使透視表達(dá)用于傳達(dá)思想或信息。平面設(shè)計(jì)師可以運(yùn)用排版、透視藝術(shù)、排版、計(jì)算機(jī)軟件等專業(yè)技能來達(dá)到創(chuàng)意策劃的目的。平面設(shè)計(jì)通常是指生產(chǎn)過程，以及最后的工作。

平面設(shè)計(jì)的常見用途：商標(biāo)、品牌徽標(biāo)、出版物（雜志、報(bào)紙和書籍）、平面廣告、海報(bào)、廣告牌、網(wǎng)站圖形元素、徽標(biāo)和產(chǎn)品包裝。

UI是用戶界面的縮寫。界面設(shè)計(jì)分為實(shí)體界面和虛擬界面。網(wǎng)絡(luò)用戶界面設(shè)計(jì)是虛擬用戶界面，一般指軟件的人機(jī)交互、操作邏輯和界面美觀的總體設(shè)計(jì)。一個(gè)好的UI設(shè)計(jì)，不僅要使軟件更加個(gè)性化、有品位，更要使軟件更加舒適、簡單、自由，這充分體現(xiàn)了軟件的定位和特點(diǎn)。軟件設(shè)計(jì)可以分為兩部分：編碼設(shè)計(jì)和用戶界面設(shè)計(jì)。UI是一個(gè)用戶界面。從字面上看，它是由用戶和界面組成的，但實(shí)際上它也包括用戶和界面之間的交互。

圖形設(shè)計(jì)和UI設(shè)計(jì)有四個(gè)主要區(qū)別：第一，實(shí)現(xiàn)過程不同。平面設(shè)計(jì)的實(shí)現(xiàn)過程是利用印刷技術(shù)來實(shí)現(xiàn)的，就像一張名片，設(shè)計(jì)需要印刷出來才能使用，這是印刷技術(shù)的需要。用戶界面的設(shè)計(jì)和實(shí)現(xiàn)過程就是使用程序代碼。設(shè)計(jì)完成后，通過程序代碼實(shí)現(xiàn)用戶界面設(shè)計(jì)功能。

2：完成設(shè)計(jì)工作的人數(shù)不同。平面設(shè)計(jì)一個(gè)人可以完成整個(gè)設(shè)計(jì)過程，老板或客戶需要時(shí)，平面設(shè)計(jì)師可以直接完成設(shè)計(jì)。UI設(shè)計(jì)需要團(tuán)隊(duì)成員一起設(shè)計(jì)。例如，要設(shè)計(jì)一個(gè)應(yīng)用程序，老板或客戶需要給它一個(gè)需求，然后產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、透視設(shè)計(jì)師和程序員合作完成。

3:工作的公司類型不同。平面設(shè)計(jì)一般是面向企業(yè)、傳統(tǒng)企業(yè)和廣告公司。UI設(shè)計(jì)公司通常是互聯(lián)網(wǎng)公司，如百度和騰訊。

4:工作負(fù)載不同。平面設(shè)計(jì)一般需要一兩頁。例如，名片只有兩面，只能設(shè)計(jì)兩面。UI設(shè)計(jì)至少是幾十上百個(gè)頁面，比如人，一個(gè)應(yīng)用程序有一個(gè)引導(dǎo)頁面、登錄頁面、主頁、設(shè)置頁面、功能頁面等

以上就是圖形設(shè)計(jì)和UI設(shè)計(jì)的區(qū)別。