近幾年,分辨率經(jīng)歷了一場革命。曾經(jīng)被視作實驗性前言技術(shù)的4K屏幕已經(jīng)成為常態(tài):電視屏幕、電腦顯示器,甚至智能手機上都已經(jīng)有了它的影子。
4K分辨率的顯著提高,使得
網(wǎng)站設(shè)計師必須確保他們制作的網(wǎng)站兼容最新的屏幕。當(dāng)然如果你采用了
響應(yīng)式設(shè)計,這應(yīng)該不是個大問題。但如果你沒有,下面的四個建議值得你好好收藏。
01. 使用可縮放圖形
圖標(biāo)、logo和其他圖形都應(yīng)該是可縮放的,而不是光柵圖形
為了讓網(wǎng)站在4K屏幕上正常顯示,你需要使用可縮放圖形。
光柵格式(jpeg、GIF、PNG)的每張圖像都包含一個固定像素值,隨著尺寸的增大,圖片會像素化且變得模糊??煽s放格式,一般指SVG(可縮放矢量圖形),是基于幾何圖形的,這意味著不論大小如何變化,它們?nèi)匀荒鼙3智逦?br/>如果你堅持使用光柵格式,那么你需要使用媒體查詢?yōu)?K和5K Retina屏幕提供高分辨率照片,為移動設(shè)備提供低分辨率照片,以避免在3G和4G連接上出現(xiàn)網(wǎng)站異常的問題。如果你要處理的圖片數(shù)量很多,Photoshop CC可以同時導(dǎo)出多個尺寸的單個圖像。
但是Logo、用戶界面工具、按鈕等等應(yīng)該使用SVG格式。這一點可以在Adobe Illustrator、CorelDraw、Affinity Designer等軟件里實現(xiàn)。
02. 考慮在更大屏幕的顯示效果
《紐約時報》網(wǎng)站,在大顯示器上的效果截屏
在思考你的網(wǎng)站在4K屏幕的效果時,請不要忘記高分辨率使得大屏幕越來越受歡迎。
所以,盡管我們才剛剛習(xí)慣了1920x1080的顯示器,現(xiàn)在我們又必須考慮網(wǎng)站在2560像素寬的顯示器的效果了。很多網(wǎng)站在這種顯示器上會顯得很局促,文本和內(nèi)容擠在一起,空白過多。
03. 使用4K視頻
Getty Images的素材庫iStock提供大量4K素材我們的眼睛會很自然地對運動產(chǎn)生反應(yīng),這一點是靜止的圖像我可比你的。視頻是抓住網(wǎng)站訪問者注意力的熱門工具。但無論你是要添加視頻標(biāo)頭、視頻背景還是視頻片段,最好都使用4K視頻,這樣網(wǎng)站在最新設(shè)備上就不會看起來過時了。
現(xiàn)在有很多方便省錢的方式可以拍攝4K視頻素材,很多最新款的普通相機、運動相機和智能手機等都有拍攝4K視頻的功能。當(dāng)然,如果你沒有時間或者能力自己拍攝,很多素材庫也有4K視頻可供選擇。
04. 購買4G顯示器
購買一臺4K顯示器,省去對網(wǎng)站性能的猜測時間
要確保你的網(wǎng)站在4K屏幕上表現(xiàn)正常,最好的方法當(dāng)然是購買一臺4K顯示器。當(dāng)然了,一分錢一分貨,購買什么價位的產(chǎn)品取決于你自己。
網(wǎng)頁標(biāo)題:為4K屏幕設(shè)計網(wǎng)站的四個要點
瀏覽路徑:http://jinyejixie.com/news/152823.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、面包屑導(dǎo)航、服務(wù)器托管、網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、外貿(mào)建站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)