網頁規(guī)劃是一個需要技能知識和風格感的領域。咱們不僅要規(guī)劃好的頁面,一起咱們也有必要完成它的功用。怎么平衡這兩方面是一個應戰(zhàn)。您怎么創(chuàng)立一個既美觀又堅持好功用的網站?
多年來,天平好像現已向前者傾斜。我在自己的旅程中遇到過。例如,即便我知道大圖像會拖慢加載時刻,它看起來還是那么好??墒?,在現代網絡上,如果這意味著顯著的功用損失,是否值得實施任何視覺增強?鑒于正確的方法,您不應該有必要這樣做。
功用一如既往的重要
感覺有點挖苦。硬件繼續(xù)以更快的方法開展,甚至手機也有多個處理器內核和很多內存。更不用說寬帶現已變得越來越普遍了。
可是,咱們依然被奉告要盡量削減每毫秒的加載時刻。為什么?歸結為兩個原因:注意力持續(xù)時刻短和查找引擎。首要,用戶不肯把時刻花在緩慢的網站加載上。他們只會在別處找到他們正在尋覓的任何東西。
跟著網內因素現在影響查找排名,網站功用十分重要。此外,互聯網不再是新鮮事物。以為用戶會等候您花哨的介紹性演示 (比如FLASH動畫)是不現實的。
人們出于特定意圖訪問您的網站。因此,任何阻礙他們的工作或許都不值得實施。
現代 CSS 和 JavaScript 技能供給牢靠的代替計劃
作為一名規(guī)劃師,很簡單養(yǎng)成運用巨大的媒體文件來增強網站外觀的習氣。幾十年來,這一向是干事的方法。無論是全屏圖像還是視頻背景,這些項目都具有革新性??墒?,它們也會影響功用。
幸運的是,現代 CSS 和 JavaScript 能夠供給更好的代替計劃。每個都具有能夠替換媒體或使瀏覽器更簡單消化這些文件的功用。
CSS 突變和混合模式等視覺效果便是很好的例子。它們看起來和你能夠在 Photoshop 中制作的任何東西一樣好,但沒有全部多余的脹大。
如果您想增加動畫,CSS 動畫和 JavaScript 庫(例如 GSAP)能夠滿足要求。它們不僅能夠發(fā)生令人瞠目結舌的外觀,而且這些技能也十分快速。
此外,推遲加載供給了一個很好的折衷計劃——至少對于不在頁面初始視口內的媒體而言。包含圖像和 iframe 在內的元素只會在需要時加載。這能夠節(jié)約加載時刻,一起依然能夠運用這些資產。本機瀏覽器支撐使完成比以往更簡單。
巧妙地運用這些技能能夠幫助您避免為了外觀而降低功用。相反,您將完成更可持續(xù)的平衡。
美與功用能夠共存
一個網站不僅僅是它的外觀、內容或功用。這是一個有凝聚力的用戶體會。這意味著這些方面中的每一個都有必要結合在一起才能為用戶供給服務。
為了有效地做到這一點,網站還有必要優(yōu)先考慮功用。多年前,一個外觀漂亮但加載緩慢的網站或許更簡單讓用戶退出。在強壯的設備和快速的互聯網呈現之前,快速加載紛歧定是用戶希望的工作(大多數網站加載都很慢)。
現在這現已發(fā)生了巨大的改變。咱們現在生活在一個隨需應變的國際中,咱們需要的全部都只需點擊一下即可。如果您的網站不能兌現這一承諾,就很難與訪問者建立耐久的關系。
網頁規(guī)劃師需要跟著這些希望而改變。在實踐中,它需要咱們細心考慮咱們創(chuàng)立的視覺元素以及咱們怎么完成它們。像咱們一向做的那樣干事或許不再可行。
相反,全部都有必要著眼于好功用。好消息是咱們現已擁有正確的東西和技能來完成這一目標。
文章標題:網站建設不再需要為了美觀而獻身功能
轉載來源:http://www.rwnh.cn/news/205619.html
成都網站建設公司_創(chuàng)新互聯,為您提供全網營銷推廣、外貿建站、網站導航、動態(tài)網站、標簽優(yōu)化、面包屑導航
廣告
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創(chuàng)新互聯