06 youtube官網網頁版優化差是什么問題呢(響應式網站有什么優缺點？)

情一樣，如果不懂得其中的學問，往往注定失敗。

除了學習專業的基礎知識與理論技巧外，多看看與設計相關的資料書籍報邗對了解和學習平面設計也是很需要的。建議多上上網，不是讓你玩游戲呢，多瀏覽一下設計網站，比如說視覺中國，設計在線，中國設計之窗，等很多網站，多看一些大師作品，這些網站上有很多你想要的東西。

第五，懂得模仿、學會借鑒

新手成長需要一個過程，這自然要從模仿開始。要多看優秀的設計作品，學習人家作品中優秀的地方，并且多多練習，不斷地進步，不斷地提高自己。

響應式網站有什么優缺點？

其實今天安徽碼農科技之所以寫這個響應式網站是因為近兩年響應式網站確實很火，很多客戶通過業務員的介紹感覺神乎其神，甚至網站業務員說得自己都相信了，把自己都騙了，覺得響應式無所不能，非常完美。其實響應式并不是沒有缺點，準確的說也有很多致命的缺點。

什么是響應式網站?

響應網站設計應根據用戶使用的設備的分辨率大小進行相應的響應與調整，最大限度滿足不同設備用戶體驗需求。響應式網站設計就是一個網站能夠兼容多個終端，不需要為每個終端做一個特定的版本。簡單地理解：一個響應式網站＝手機網站＋pad端網站＋PC網站。具體的實現方式由多方面決定，包括彈性網格、彈性圖片、CSS媒體查詢（media query）的使用等。

彈性網格（flexible grids）

可基于屏幕分辨率擴展或拉伸內容。

彈性圖片（flexible grids）

在小屏幕上可縮小尺寸，并可擴展大最大尺寸以支持大屏幕。

媒體查詢（media queries）

是放在站點HTML和樣式表中的代碼段，用來收集設備顯示能力的信息以支持多種形式的界面。

下面安徽碼農科技就給大家總結一下響應式網站的優缺點吧 。

響應式網站優點

1:用戶體驗友好

隨著電腦尺寸多元化，智能設備（pad/智能手機）普及化，在當下追求用戶體驗至上的時代（2016年），之前網站普遍使用固定的寬度（960px或1000px）逐漸滿足不了現在不同設備與不同分辨率需求。在高分辨率電腦寬屏顯示器上，兩邊留白過多。在手機上顯示，內容顯示過小，用戶為了看清楚，首先需要放大界面，再左右拖拖界面。響應式網站可以根據不同終端、不同尺寸和不同應用環境，自動調整界面布局、展示內容、內容大小，提供非常好視覺展示效果，一致性友好體驗。

2:SEO友好

由于響應網站在不同終端有友好的界面展示效果，用戶可以與網站一直保持聯系，比如URL不變積累分享；通過單一的URL地址收集所有的社交分享鏈接最佳化搜索用引擎。搜索引擎也在變得越來越聰明，它們足夠智能可以完成移動網站和桌面網站的連接。

3:多個網站只需一個后臺即可完成全部網站維護，無需額外增加負擔。說到這里你也許會說不做響應式的網站，做個手機站也可以數據同步，一個后臺。說得非常對，但是這只限于維護一般的新聞內容與產品等，并不是所有內容都可以一站同步。比如網站banner上與一些特定地方的圖片尺寸，就需要分兩次裁剪吧。

響應式網站缺點

1:對低版本瀏覽器兼容性不友好

對于老版本瀏覽器支持不好，這是一個致命的問題。老版本瀏覽器上打開響應式網站會經常出現圖片顯示不全，排版錯亂等情況。

2:靈活性有所欠缺

基于不同終端的設備屬性不同，對產品用戶體驗要求就會截然不同。內容比較多帶有功能性的網站不適合做響應式網站設計，如：電商類型網站，寬屏的pc端內容如果全部要在手機端進行展示，勢必導致手機端的界面非常長，需要根據手機端屬性進行重新信息框架設計，這樣對響應網站要求非常高，實現難度與成本非常高。但是大型網站為了提高用戶體驗，通常做法，把高分辨率寬屏網站最小的響應尺寸響應到1024px，不再適配手機端，手機端重新設計開發一套手機網站，簡單理解為2.5響應，如：電商網站亞馬遜、Calvin Klein、Nike、視頻網站Youtube等。

3:速度可能會變慢

由于響應式頁面是同時下載多套CSS樣式代碼，可能在手機上就下載PC、Pad的冗余代碼，導致文件變大，影響加載速度。不過CSS樣式的代碼占用內存相對圖片來說不算大，所以如果前端編程處理得好前提之下，這就不會影響網站加載速度。

4:開發成本較高

這個價格預算問題也往往是大家最關心的一個問題，說到這里大家可能覺得奇怪，響應式網站只是一個網站，為什么比手機站與電腦站分開做兩個要貴！主要原因是：

一、企業網站定制最重要的成本就是人力成本，響應式網站制作需要資深設計師與資深程序員。而獨立制作各版本只需要普通設計師和普通工程師即可，但是響應式網站開發則必須資深設計師和資深程序員才能搞定，所以導致非常大的區別。資深設計師與程序員與普通的對比，這個道理大家都懂得，所以響應式網站價格較高。

二、響應式網站需要注意的細節太多，比如一個普通的JS效果，需要考慮3-4個終端的區別，編寫的JS代碼兼容性要非常好，根據以往開發經驗，這樣的細節注意要比普通網站多3-5倍。細節注意多了，開發周期就比較久，工時就是這樣上來的。

三、市面上很多響應式網站往往是不考慮網速的，在移動端和PC端需要加載的頁面數據往往是一樣多，導致的結果是，如果用戶采用2G\3G的網速，不但速度慢而且耗流量。一個完美的響應式網站不應該是這樣的，但是做到這點需要的技術難度確是非常高，所以這也導致成本增加。

溫馨提示 ：企業是否做響應式網站，取決于對自身網站的定位。若是一般的企業官網，網站內容較少，預算又充足，對網站頁面要求較高的客戶可考慮做響應式網站。

若是想做功能型網站，網站內容較多，擇需要電腦手機分開做。其實大家稍微注意一下就明白了。響應式真的那么好，為什么京東不做呢，天貓淘寶不做呢。一是技術實現太難，二是確實不適合做這些功能型網站。

PS軟件各個版本區別大嗎？哪個版本最適合新手？

‍

Adobe的軟件是大家日常使用頻率非常高的軟件，Adobe旗下都有些什么軟件，這些東西是拿來干嘛的？對你的工作有沒有幫助？

Q：我要不要買正版？

A：2014年10月，Adobe屬于中國的研發團隊逐步解散,中國區的研發工作將交予Adobe印度公司負責。

大意就是，Adobe退出中國。想要了解的可以百度一下，有非常多的分析文章，我總結一下：Adobe在中國賺不到錢不單單是因為個人使用盜版，更是因為包括大企業和政府機關都會使用盜版（外國也是如此），重點是Adobe對中國市場的定位太高！價格貴得飛起且變動不靈活。（額，跑題了…）所以，你可以登錄Adobe中國官網看看，現在最新的版本是CS6！而且價格是定死的！你可以再去Adobe香港看看，軟件都是最新的，還可輕松登錄云系統！軟件也有多種套餐和優惠。所以即使你需要購買正版，也不要購買中國地區的。（個人見解，請勿隨意參考）

Q：盜版跟正版功能上有什么區別？

A：這個問題挺多人問的，答案是：沒有區別！有的同學發現自己安裝的盜版有些功能不能用（比如PS的3D）其實是因為安裝出錯或者缺少需要的插件，建議下載大師版安裝。Adobe的產品非常良心，導致盜版可以使用正版的全部功能，包括云系統！！！你完全可以使用盜版的云同步（感動得我合不攏腿）【給各位介紹一下這個非常神的功能，登錄Creative Cloud后可以上傳個人預設跟軟件設置，特別是PS和AI，可以上傳圖層，比如你要把PSD中某個元素發給同事改改，你們可以登錄同一個賬號，按一個按鈕，你的PS圖層就會出現在他的電腦AI上，完全不需要其他操作…】極其建議Adobe公司建立一個官方支付寶賬號，方便被感動的人們自愿捐贈！（網絡因人而異，有些版本或者地區可能會使用不了這個功能）

好的，= =，終于要開始正文了，本文完全沒有鼓勵大家使用盜版的意思，請各位也勿圍繞盜版展開討論。以下軟件排名為亂序：

Photoshop

說到PS，這玩意就是Adobe的發家致富之物，在很久很久之前，星球大戰的特效師約翰·諾爾和他的弟弟在一個黑暗的房…停停停，不能扯歷史了QAQ。各位感興趣的可以自己上維基百科查看…

PS就是一個圖片處理軟件，這個應該是不用介紹的，因為PS已經成為了一切修改圖片的代言（曾經有師妹問我：師兄你是用什么軟件PS的？）PS是一直領跑全球的圖片處理軟件，沒有之一。

現在還有大量的人在使用CS3甚至7.0版本（那顆大眼睛），ADOBE的軟件是不是越更新越好用，明確告訴你：是的。（同時硬件要求也會稍微上升，但是同等硬件售價一直在下降，所以不存在投入很大的說法！）所以有空還是盡快更新吧。最新版本應該是擁有3D打印功能的那一個CC 2018，在幫助-系統信息下可查看具體版本。

如果你要問我新版本最讓人感動的地方的話，個人認為是內容識別（shift+F5），其次才是裁剪什么的…

Photoshop Elements

最新的版本是Photoshop elements 13，可以理解為這是PS的簡化版本，這玩意可以打開PSD格式文件并編輯，但使用起來就會發現跟PS似乎區別也沒那么大，該有的功能都有，簡單好用易上手，推薦給“覺得美圖秀秀不夠好，但PS又不想學”的妹子們。至于好用程度，機智的我發現了還有英國大叔用這個軟件做假車票被抓的悲劇。這個軟件更新很快，Adobe打算攻堅低端市場？干得漂亮！…PS：盜版用戶請謹慎更新。）

Lightroom

LR是一個照片處理軟件，人稱攝影師的必備后期工具（然而很多攝影師還是堅持使用PS…），LR有幾個特點，它有一套自己的存儲、備份與分類、管理文件方案（這點PS望塵莫及），而且調色預設非常方便，可以隨時預覽跟對比照片修改方案和預設，自己可以創造預設和使用其他人的預設是最熱門的功能。說白了LR就是調色快速方便，如果要精修還是得用PS。還有，Camera Raw （新版本PS內置插件）和LR的功能可以說是“一個模子印出來的”。如果你不需要文件管理與套預設的話，用Camera Raw 基本可以代替LR。（個人見解，請勿隨意參考）

Adobe Illustrator

窩覺得AI也不用介紹誒…Adobe Illustrator是矢量繪圖軟件，最大的特點就是基本靠鋼筆操作。輸出、鏈接到各種格式、軟件都非常好用，網絡上有千千萬萬的AI工作者，特別是插圖，UI，LOGO，矢量花紋、背景、圖案、3D…嗯，好像除了圖片所有都可以經AI很好的處理，AI涉及非常多的領域貼別是印刷方面，熟練的人可以用AI創造任何東西（擬物化大神），AI技巧有非常多，字體3D和潮流的扁平跟低面風格都很讓人喜愛，學好AI也對平面設計師有很多好處。

Adobe Premiere

Adobe Premiere，用起來最爽的視頻剪輯工具之一。PR剪輯視頻非常精準，聲音跟畫面同步預覽和修改，易學高效，跨行業最廣的必備的剪輯工具，而且除了剪輯，它還可以制作非常多的影視特效！除了它跟AE共用的大量外部插件以外，自帶的效果也不算少，調色、轉場、遮罩、調音、濾鏡、扭曲等等，Youtube上就有不少視頻使用簡單剪輯特效制作神奇

很赞哦!（925）