網(wǎng)頁(yè)設(shè)計(jì)最合適的頁(yè)面尺寸是多少？許多新手設(shè)計(jì)師會(huì)面臨一個(gè)問(wèn)題，那就是網(wǎng)頁(yè)的大小和寬度？事實(shí)上，答案并不是固定的。它可以是1920或1280。黑客認(rèn)為，最重要的決定因素是你自己的工作電腦分辨率。這是市場(chǎng)

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

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

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

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

電腦網(wǎng)頁(yè)的默認(rèn)字體是宋體。我們?cè)谥匦略O(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，我們使用粗體字體。

??頁(yè)設(shè)計(jì)選用的分辨率是72像素，使用的畫(huà)布尺寸1920px*1080px。但是并不意味著在整個(gè)畫(huà)布上進(jìn)行設(shè)計(jì)，一般采用全屏展示和兩側(cè)留白的方式。全屏展示，是整個(gè)網(wǎng)站看起來(lái)大氣一些，但是布局要合理安排，不然看起來(lái)有些傻大的感覺(jué)。兩側(cè)留白是為了適配不同電腦屏幕的尺寸，能夠確保網(wǎng)站只是電腦站的時(shí)候一些筆記本電腦也能顯示全面網(wǎng)站的內(nèi)容區(qū)域，內(nèi)容限時(shí)區(qū)域在好控制在1000px-1200px。

網(wǎng)頁(yè)設(shè)計(jì)分辨率為72像素，畫(huà)布尺寸為1920px*1080px。但這并不意味著要在整個(gè)畫(huà)布上設(shè)計(jì)。一般采用全屏顯示，兩側(cè)空白。全屏顯示，整個(gè)網(wǎng)站看起來(lái)大氣，但布局要合理，否則就顯得傻了。兩邊留白是為了適應(yīng)不同電腦屏幕的大小，保證當(dāng)網(wǎng)站只是一個(gè)電腦站時(shí)，一些筆記本電腦還可以顯示綜合網(wǎng)站的內(nèi)容區(qū)，而內(nèi)容限時(shí)區(qū)很好地控制在1000px-1200px。