導航:首頁 > 萬維百科 > 響應式網頁前端設計的重難點

響應式網頁前端設計的重難點

發布時間:2021-03-25 21:38:31

1、網站建設技術難點有哪些

一 設計難在自適應網站建設過程中,需要考慮的內容更為廣泛,而且還有考慮其他方面的一些問題。比如可讀性、區域面積及不同設備下運行的狀態等。這對於設計師的要求甚高,這樣導致要做一個完美自適應網站變得很難。
二、實現難響應式網站主要是一HTML5、CSS3為基礎,需要精通這兩種技術的高手。如果設計師對這兩種技術不夠精通,會導致就算設計師做出很棒的模版,但是實現以後,會怎麼看怎麼不舒服。
三、 成本大因為自適應設計需要對多個界面兼容、功能調試,導致整個製作過程需要UI設計師和前端工程師要不斷磨合製作。而測試人員也要在不同的設備下對網站進行測試。自適應的網站需要有很多功能,比如界面的融合、功能的調試等,這些都是需要不斷磨合才能實現,而這樣的網站成本也相應的比較高。

2、談談響應式網站設計的難點有哪些

首先是網站框架設計上的難點所在,響應式網站製作時不能使用絕對定位專,所以要在設計時屬考慮可讀性以及區域面積以及在不同的設備下的行為。
其次是網站開發實現難點,響應式的基礎就是HTML5和CSS3來設計的,有些網路公司沒有這個實力基本上沒法設計這樣的布局,最終導致項目開發難度增加。
最後是這種布局的網站成本高,網站開發時需要對多個界面兼容、功能調試,導致整個製作過程需要UI設計師和前端工程師要不斷磨合製作。而測試人員也要在不同的設備下對網站進行測試,這樣就會大大增加預算成本。
不過在互聯網的將來,響應式布局網站肯定是一個流行趨勢,只有現在把握機會,不斷努力學習和積累豐富的經驗,這樣才能為用戶帶去更好的作品。

3、開發響應式網站有哪些難點問題

響應式就是前端的工作,這好像沒啥難點,但是不是每種網站都適合做響應式,首先網站內容比較多的就不適合,比如商城。一般也就是企業站點或者小型資訊類的可以用響應式。

4、前端開發的難點到底在什麼地方

『前端的邏輯復雜度基本不如後端』這個只是但從數據處理的角度來看的,前端對於數據處理的確是模板 + 變數一套一展示就好了,這個是挺簡單的。
前端邏輯復雜度主要在於數據 + UI + 交互的實現,就比如一個簡單的多 tab 頁的功能,可以用 CSS 實現、用 JS 實現,JS 可以通過切換 remove DOM 或者添加 classname 隱藏,雖然效果上都可以實現,remove DOM 無法原有結構的狀態,添加 classname 的 CSS 方式很難實現初始化狀態。除此之外還可能需要對瀏覽器進行兼容性處理 + 響應式。然後突然來個業務需求說要加個 iframe 嵌入別人的頁面,或者改什麼效果,如果之前開發的不合理,基本上要重做了。
相比後端,只輸出數據模型給前端,如果業務不需要什麼欄位了,甚至讓前端不讀取好了,改都不用改。我們幾次大的業務平台重構,前端基本要重新開發一遍(效果、交互完全不同),後端模型和資料庫則可以遞進式的復用、擴展、升級。這也是導致前端需要堆人大力出奇跡的問題

5、網頁設計應該考慮哪些要素

網站設計是網站展示的核心,做為一名合格的網頁設計師,腦袋裡應該裝著豐富的網頁知識,如果朋友您以前沒有做過,那麼一定要對這個職業有一種的了解。網頁設計師是一個主動還是被動,完全取決於一個人的態度與思維,如何做好網頁設計師?下面小編從幾個細節里同大家分享一下:

網頁設計應該考慮哪些要素
網頁設計應該考慮哪些要素
尺寸
網站最先開始的是尺寸,一定要對網頁設計的尺寸熟悉,尺寸又是解析度的原理,由於每個電腦尺寸不一樣,因此解析度是有差異的,如現在的電腦屏幕尺寸有980,1038,1280等一系列的,那麼網站的主體內容規劃就要做好提前規劃。
網頁設計應該考慮哪些要素
顏色
一個網站的顏色一般有三個色調系的,其中分別是主,次,搭配,三個結合,做網頁前,一定要先定好網站的顏色,調好色系搭配。
網頁設計應該考慮哪些要素
部件
配套的網頁部件是一定要自己先製作好的,如某一些按鈕,一些圖標之類的系列部件,都是需求設計人員先設計完善,然後當用到時,直接PS上去即可,這一類都是配套製作的。不提前設置好,將會與網站搭配不協調。
網頁設計應該考慮哪些要素
技術
設計師如果沒有技術功度,那一切都是紙上談兵,而且作為一個網頁設計師,不僅只懂PS就行,flash,這些也是必會的功能之一。簡單的懂一些網頁製作源理,以及簡單的代碼。
網頁設計應該考慮哪些要素
感應
網頁設計師在製作頁面時,不光光只想到當前頁面,還要想到頁面上的感應反應,這樣前端設計師才會知道當滑鼠觸摸時,感應應該是怎麼樣的,另外一個網站上同樣類型的感應應該都是統一的(小編就遇到菜鳥設計師,各種頁面同一個感應都是不同的顏色。)
網頁設計應該考慮哪些要素
6
排版
排版是很重要的,也是創意的重要體現,哪些頁面放什麼內容,頁面的視覺讓人怎麼樣,通常頁面內容都是設計師自己規化一些,如果啥都不想,等著需求同事弄,那隻能說是一個不是很合格的設計師。

6、前端開發的難點到底在什麼地方?

不同級別的前端面臨的難點各不相同,不可一概而論;

業務開發的前端難點在於對業務的理解和把控能力;

平台開發的前端難點在於產品化的把控和推進能力。

觀點1:不同級別的前端面臨的難點各不相同,不可一概而論。

其他回答有說 CSS 難,有說 CSS 不難的,每個人水平不同,這樣爭論毫無意義。我剛學前端時覺得 JS/CSS/瀏覽器兼容問題都很難,現在覺得也就那樣,因為前端路子廣,辦法總比問題多。後來覺得要評估好需求,把控好項目質量比較難,很多時候我們是在幹事,在解決問題,不是只埋頭寫代碼,時間一長你會發現前端工作中,技術問題往往比較好解決,反而資源+協作問題比較麻煩。現在對我來說比較難的是快速產品化的能力,如何從無到有去做出一些有價值的東西。

舉一個簡單粗暴的例子吧:阿里前端很多,P5/P6 一大把,但是 P8/P9 的非常少,為什麼?進階的難點在哪裡?

前端開發的難點跟前端進階的難點是非常相似的。阿里對每個前端層級都有一個標准,這也從側面回答了這個問題,比如對 P5 來說,難點可能是寫好業務代碼,保證其靈活性和可維護性,能解決各種適配問題;對 P6 來說則需要獨擋一面,能獨立 owner 需求,而 P7 則需要在某方面技術有深入理解,等等。

能提出這個問題首先得恭喜題主,說明題主在當前階段遇到瓶頸了,需要向下一個 level 出擊了。

觀點2:業務開發的前端難點在於對業務的理解和把控能力。

業務邏輯開發本身並不是難點,誰都可以寫。但是對於你自己負責的這塊業務,後續業務的發展方向和潛力,你有去了解過嗎?當業務方提需求過來時你是只負責執行還是和業務方一起探討更合理的方案?你有沒有給自己負責的產品提過一些建議?做過一些改善措施?如果前端只是作為一個執行者,作為一種被調度的資源,那麼即使最終項目取得了好的成績,跟你有多大關系?你自己會有多大的成就感?

另外一個很重要的點:就是對業務的把控能力。業務方總是會催著上線,開發時間不斷被壓縮該怎麼辦?進度不如預期怎麼辦?開發遇到瓶頸怎麼辦?發布新功能翻車了怎麼辦?

我見過有默默加班保證進度的,也有跟需求方重新談延期的,有發布出問題手足無措的,也有自己默默修復的,有遇到瓶頸一籌莫展的,也有及時跟老闆溝通,跟業務方撕逼的… 如何優雅的處理這些問題,有時候比寫代碼更難。為什麼有的人業務代碼邏輯混亂,寫的一團糟?我不相信是智力問題,反倒更相信是對項目本身沒有把控好,本來排了5天工作量的需求被業務方壓到了3天,你還能保證寫出健壯而不失風度的代碼?

觀點3:平台開發的前端難點在於產品化的把控和推進能力。

做業務時有人給你提需求,幫你出交互視覺稿,你只要負責寫頁面就行了。但是在支付寶前端,很多內部平台和技術產品都是技術自己主導,你需要自己發現問題,出方案,設計資料庫,自己出頁面,這是一個從無到有的創造的過程。並且要保證你做的東西是真正解決問題的,而不是做一些自己覺得很牛逼實際上並沒有解決用戶痛點的東西,用我老闆的話說就是對產品的把控能力,不要跑偏了。前端是最容易做出產品化東西的工程師了,因為後端不會做 UI,UI 不會寫代碼,唯前端兼顧,這是最大優勢。

再一個就是對產品的推進能力了,你做的東西可能需要各種資源?如何爭取?可能牽扯到多方利益?如何權衡?東西做出來了如何推廣?如何在用戶的一片罵聲中奮勇前進?

印象中很多平台型產品,剛開始投入使用時都是一片罵聲,各種問題,說實話負責這些產品的程序員壓力是相當大的,天天被罵還得徹夜幫別人解決問題,還得不斷優化系統,你說難不難?

以上三點就是本文所展現的理念,希望能對大家有幫助。

7、響應式網站的製作難點主要有哪些

1、設計難
因為不能使用絕對定位,那麼在設計的時候需要考慮可讀性以及區域面積以及在不同的設備下的行為。這對一般的設計師來說簡直是一場災難。所以很少有出眾的響應式網站出現。
2、實現更難
響應式設計出的稿子,當然還需要響應式的實現。響應式的基礎就是HTML5, CSS3。一般的建站公司,一般是沒有錢去聘用精通HTML5和CSS3技術的高手的。最多是讓程序員在寫代碼之前看2天書,然後就趕鴨子上架。這就導致了即使設計師設計出了很棒的模板,但是在實現了之後,怎麼看怎麼不舒服。
3、屏幕尺寸多,很難做到一次編碼,到處運行
目前,主流的大家用來訪問網頁的設備有:計算機(廢話),iPad,Android Pad(例如三星的),智能手機。那麼做一個網站,必須到這些設備上去測試和運行。普通的網站作坊很少有人會願意花這么多的精力去測試一個網站。
4、成本大
因為響應式設計需要對多個界面兼容、功能調試,導致整個製作過程需要UI設計師和前端工程師要不斷磨合製作。
總之,響應式網站設計,為計算機、手機、平板電腦等不同設備的訪問用戶了提供更加舒適的界面和更好的用戶體驗(和速度),而且隨著目前移動設備的增長,已成為大勢所趨。對於新手而言,建設響應式網站是一件難事,你可以用nicebox響應式建站系統來自助建設。

8、Web前端面試題:響應式布局有哪些優點和缺點

響應式網頁設計

優點:

跨平台和終端且不需要分配子域。

兼容當前及未來設備。

節約成本。一個域名,一套網頁。

缺點:

兼容性 不兼容低版本瀏覽器。

移動帶寬增多。

載入事件長、無用代碼太多。

內存大。

9、響應式網站設計的注意事項是什麼?

1、響應式網站設計的注意事項——提煉內容


網站的設計,特別是傳統的營銷網站,使頁面長,內容豐富。然而,當涉及到響應式網站設計,我們需要保持內容盡可能簡單,並保持網站簡單和清晰。用戶可以快速找到他們想要添加的信息,這將增加他們的知名度。如果內容太多,回復會很乏味。


2、響應式網站設計的注意事項——網格設計(箱形結構)


正方形布局是由不同內容信息組成的網格,每個內容都有自己的信息。因為網格矩陣是按行和列對齊的,所以用戶可以更容易地查找信息,更重要的是,它促進了響應性的自適應調整。


3、響應式網站設計的注意事項——分屏視覺差異設計


分屏設計是網格概念的擴展。分屏設計通常只有兩個信息容器(左邊和右邊的塊還可以進一步細分)。相對於單欄設計,將屏幕分成兩部分,不僅給人一種新鮮感,還可以同時呈現這兩部分。


此外,分屏設計也適用於回收箱。回收箱最適合在個人電腦和大屏幕上顯示,但也可以堆疊在小屏幕上。許多設計師現在使用強烈的顏色和有趣的排版來最大化高解析度屏幕布局的視覺張力。


4、響應式網站設計的注意事項——隱藏菜單


在響應式網站設計中,所謂的隱藏菜單實際上簡化了界面。大量的菜單項被設置在一個小的菜單圖標上。當用戶點擊彈出的圖標時,可以大大節省響應網站的空間,為移動小屏幕瀏覽提供空間。


5、響應式網站設計的注意事項——極簡設計


過多的視覺效果或交互元素會成為遊客的負擔。這就是為什麼極簡主義悄然而至。現在的網頁設計師更感興趣的是如何從極簡主義中創造美麗的效果。


6、響應式網站設計的注意事項——最不注重設計


極簡主義的網站關注簡單而優雅,除了那些網站設計元素不分散元素,如顏色,文字,圖片,等等,這就意味著我們需要能夠識別哪些元素應該保留,哪些元素應該被刪除,並找到之間的平衡網站布局、視覺效果、網站色彩和空白。


環球網校小編為大家整理的《Ui設計課堂:響應式網站設計的注意事項有哪些?》到這里就結束了,如果你希望能將這篇文章靈活應用,還需多加練習,如果你還想學習更多有關ui設計的技巧或知識,可以點擊本站其他文章進行學習。

與響應式網頁前端設計的重難點相關的知識