css選擇器優先，美工的工作內容是什么？

美工的工作內容：

1、負責公司所需的各類三維設計、平面設計、POP設計、VIP應用設計等。

2、負責各類活動的現場布置、背景布置和道具制作。

3、負責商場各類模型、道具的制作和繪制POP等。

4、協助美術師對商場店堂內、外廣告的管理。

5、協助美術師對商場環境的規劃、形象的規劃、美陳布置等。

6、配合公司各類社會活動、促銷活動的現場布置、道具的制作及美術陳列。

美工的任職要求：

1、計算機相關專業專科以上學歷；了解后臺程序制作流程；

2、精通美工軟件Photoshop 、Dreamweaver AI FLASH 等；熟悉Flash 設計和

GIF 動畫設計；有一定的美術功底及平面設計水平；

3、精通css+Div、html等web技能；了解javascript，了解后臺制作流程優先；

4、掌握CorelDRAW或者llustrator等矢量圖形編輯軟件；

5、思維敏捷，想象力豐富、悟性好，積極主動、工作認真，溝通協作能力強，富有團隊精神。

美工應具備的能力

美工一般需要掌握基本的繪畫能力，并且能夠用photoshop軟件對進行圖片制作修改，還需要懂得人機交互、視覺心理學、flash設計制作等。

美工應該對色彩十分敏感，能夠針對用戶群進行分析并設計出最合理的色彩搭配。

職業發展

美工一般分為初級、中級、高級等，根據工作能力水平，還可以上升為設計總監、UED總監等。美工類職位的薪酬

初級美工在一級城市會有四五千的月薪，中級水平者能拿到七八千的月薪，水平高的一般會給以個高級經理的職位，月薪會超過一萬元人民幣以上，而設計總監，UED總監，年薪三四十萬也很正常，一個優秀的設計，會給網站大大的增色，提高用戶體驗，增加用戶粘度，網站是一個公司的臉面，好的設計人員至關重要。

如何提升網站的打開速度？

網站速度優化如何影響轉化

緩慢的速度確實會扼殺轉化。實際上有47％的消費者希望網站在兩秒鐘或更短的時間內加載完畢， 而40％的消費者會放棄耗時三秒或更長時間的頁面。

這意味著如果您的網站加載時間超過三秒鐘，那么您將失去幾乎一半的訪問者，甚至無法訪問他們。

僅此一項就對您潛在的轉化帶來了巨大的打擊。然而對于決定留下來的訪問者，緩慢的加載時間可以阻止他們將來返回。在一項調查中，有79％的客戶表示他們不會返回效果不佳的網站。

最好的例子之一是沃爾瑪提高網站速度后的轉化率和收入提高。在最初的分析中，他們發現轉換的訪問者收到的頁面加載速度是未轉換的訪問者的兩倍。這表明頁面越快，訪問者進行購物的可能性就越大。

在網站速度優化結束時，沃爾瑪報告了以下結果：

網站速度每提高一秒鐘，轉化率就會提高2％。每提高100毫秒，他們的增量收入就增加了1％。

在另一項研究中，加載時間與轉化率之間的關系表明 ，加載時間僅增加一秒鐘，轉化率就會降低25％。那我們來看看如何提升網站的打開速度？

最小化HTTP請求

根據Yahoo的說法，網頁加載時間的80％ 用于下載網頁的不同部分，例如圖像，樣式表和腳本。

這些元素中的每個元素都會發出HTTP請求，因此頁面上的組件越多，頁面呈現所花費的時間就越長。

最小化您的請求的第一步是弄清楚您的站點當前有多少，以用作基準。如果您使用的是Google Chrome瀏覽器，則可以使用瀏覽器的開發人員工具查看您的網站發出了多少個HTTP請求。

右鍵單擊要分析的頁面，然后單擊“檢查”，然后單擊“網絡”選項卡。（如果看不到“網絡”標簽，則可能需要通過將左側邊框拖動到左側來展開“開發人員工具”側邊欄。）

“名稱”列顯示頁面上的所有文件，“大小”列顯示每個文件的大小，“時間”列顯示加載每個文件需要多長時間。

在左下角，您還將看到該網站發出的請求總數。減少此請求數量將加快您的網站速度，瀏覽文件并查看是否有必要。

縮小并合并文件

現在您已經知道您的網站發出了多少請求，接下來就可以減少該請求。最好的入門指南是HTML，CSS和JavaScript文件。

這些是非常重要的文件，因為它們決定了網站的外觀。它們還會增加您的網站在用戶每次訪問時所發出的請求數量。您可以通過“縮小”并合并文件來減少此數量。這樣可以減少每個文件的大小以及文件的總數。

如果您使用模板化的網站構建器，這尤其重要。這些使構建網站變得容易，但有時會創建混亂的代碼，從而大大降低您的網站速度。

縮小文件涉及刪除不必要的格式，空格和代碼。由于每段不必要的代碼都會增加頁面的大小，因此消除多余的空格，換行和縮進非常重要。這樣可以確保您的頁面盡可能的簡潔。

組合文件確實是聽起來很容易解決的問題。如果您的站點運行多個CSS和JavaScript文件，就可以將它們組合為一個文件。

當涉及到您的網站時，精益求精是更好的選擇。頁面上的元素越少，瀏覽器使頁面呈現所需的HTTP請求就越少-加載速度就越快。

對CSS和JavaScript文件使用異步加載

縮小并合并了一些文件后，您還可以優化它們在頁面上的加載方式。

可以通過兩種不同的方式加載CSS和JavaScript之類的腳本：同步或異步加載。

如果您的腳本是同步加載的，則它們會按照在頁面上顯示的順序一次加載一個。另一方面，如果腳本是異步加載的，則其中一些腳本將同時加載。

異步加載文件可以加快頁面的速度，因為當瀏覽器加載頁面時，頁面從上到下移動。

如果到達非異步的CSS或JavaScript文件，它將停止加載，直到完全加載該特定文件為止。如果該文件是異步文件，則瀏覽器可以繼續同時加載頁面上的其他元素。

推遲JavaScript加載

延遲文件意味著阻止其加載，直到其他元素加載完畢。如果推遲使用較大的文件（例如JavaScript），則確保可以立即加載其余內容。

如果您有HTML網站，則需要在</body>標記之前放置一個外部JavaScript文件的調用，該文件如下所示：

如果您網站的速度尚未達到您想要的速度，那么這可能是一個可以持續進行的目標。但是當您進行本文中列出的更改時，您可以繼續測試您的網站并提高排名，用了以上這些方法后，肯定速度會提高不少。

網站圖片視頻如何優化？

這個問題其實涉及到網站優化，我們可以從以下幾方面入手：

1.圖片和視頻都是可以壓縮的，在無損壓縮下保持最高質量。

2.圖片和視頻都屬于靜態資源，當然可以享受 CDN 加速了；

3.對固定不變的圖片和視頻，進行長時間緩存，從而節省網絡開銷；

上面說了一些共同的方式，我們接著針對圖片說一下：

1.圖片可以進行合并，也就是我們常說的 CSS Sprit；

2.網站圖片懶加載機制；

3.優先加載低分辨率圖片，如果用戶對圖片質量有求，可以加載高分辨率原圖；

那么視頻呢，視頻也有自己的優勢：

1.網站可以預加載視頻，提前緩沖；

2.試試流媒體；

上面就是我的一些經驗，有問題歡迎溝通。

什么樣的落地頁能夠提升競價賬戶的轉化率？

先看個案例，看到下面這個落地頁，我的第一感覺是：設計需謹慎，且行且珍惜。能在一個頁面中完美的嵌入每一個頁面設計都忌諱的坑，也是難能可貴。這個頁面，不管整體結構、頁面排版、圖片選擇還是色彩搭配都算不上可取。

設計邏輯vs美女邏輯

落地頁給人的第一感覺，就像我們看到一個女生的第一印象。如果這個女生給你的整體感受是服裝整潔時尚，氣質良好，不管她的長相如何，給你的感覺起碼是良好的。

落地頁的設計也是如此，排版亂、圖片沒有感覺、loading時間長這些問題都會給到用戶很糟糕的第一感覺。所以，一個落地頁想要做到吸引訪客，需要注意以下三個節點：

第一眼喚起情緒

一個落地頁想要給人好的感官，必須符合以下兩個條件：

不能雜亂無章。雜亂無章會增加閱讀壓力，有壓力自然會逃避。

進入訪客眼睛的圖片要能激發起用戶的認同感，訪客才會產生興趣。

以上兩點都實現，也就是既看著不累，又有感覺，用戶才會暫時留下來。

第二眼展開勾搭

看完第一眼，還要想看第二眼。如果說第一眼是要照顧訪客的情緒，先讓他穩定下來，第二眼要做的就是把用戶想要看到的東西清晰的放在他們自然會看的地方，并且順利勾起他們的購買欲。

第三眼搞定錢包

如果前兩個步驟順利，只要及時給他一惡搞方便易懂更好操作的引導方式，促成訪客行動就好了。此處的方便易懂要弄清楚你的目標受眾是誰？例如年輕的和年長的訪客需要考慮的點就不一樣。另外還要考慮你的轉化目的，你是想要引導咨詢還是留言表單。如果這個時候不對訪客進行進一步合適的引導，可能會導致前功盡棄。

設計視角VS用戶視角

古人云，見賢思齊焉，見不賢而不內自省也。我們再來回顧一下文章開頭那個值得全行業人士珍藏的廣告落地頁，以此為鑒，說說它犯了哪些忌諱，應該怎么調整。

品牌logo到底要不要放

這個廣告落地頁是一個廚房改造公司的，用戶進入后第一眼看到的是這樣的，出于人道主義的考慮，我們不顯示品牌名稱的信息。

我們仔細看這個頁面的整體結構，包含頁頭，導航，頭圖，主體及底部轉化浮層，而這個，其實是一個門戶網站的設計結構。事實上，用門戶網站的結構去做營銷型的落地頁是一種很不討巧的方式。營銷型落地頁的設計重點是要在很短的時間內抓住訪客的痛點，狠抓猛打，直刺人心，如果堆砌大量的內容反而更容易讓訪客喪失掉那少得可憐的耐心。

例如導航。因為門戶網是對企業或者產品從整理到細節的詳細描述，信息流很大且架構復雜，需要多次跳轉，所以為了讓用戶找到要跳轉的地方，就需要用導航來指引用戶。而一個營銷型的頁面如果設置這樣的導航顯然高估了訪客的耐心。事實上訪客只有在產生強烈興趣并且對產品有剛需時，才也許會想要多了解，在此之前，這些導航的設置除了讓訪客覺得繁雜凌亂，別無它用。

塞的內容越多效果越糟

排版包含圖片的大小、位置、排列、文字的行距、邊距、間距等。從理論層面看，排版就像是設計師的邏輯，是一個已經很成熟的系統理論，也就是說，怎樣排更適合用戶體驗是有規則可循的，然而，本案中的這個落地頁完美的避開了所有正確排版的規則。

比如頭圖占比很大，卻沒有表達出什么。夢想中的廚房部分，在那么逼仄的地方排了三張圖。

說真的，不要妄想所有點擊你廣告的用戶都是在拿著iPhone Plus甚至是iPad看廣告，就算是Plus的屏寬，這么三張圖擠在那兒也會嚴重影響視覺舒適度和信息傳播度，就像此案中，完全沒有將“夢想中的廚房”的感受傳達給用戶。

從字體來說，整個頁面多達5種字體（還不包括斜體等變體），大標題、標題、正文、題圖字等的區分也很凌亂——設計師似乎完全沒有計劃，大概是太隨意了吧。這樣無規則的設計只會給訪客傳遞一種混亂的信息，影響訪客看到有意義的內容，導致訪客失去往下拉的興趣。

不僅如此，所有需要留出更多行間距、邊距的地方，設計師一概填滿了元素；填寫信息部分，兩個文字框和申請按鈕之間的間距都不一致。這些都會增加視覺上的擁擠感，增加訪客的閱讀門檻，讓訪客失去耐心，提高跳出率。

比如下面這個：左右兩邊邊距不等

比如“改造后”三個字幾乎占滿了藍綠色底圖：

比如這個表單，三個元素之間的間距不等：

圖片是用來傳達情緒的

圖片在落地頁中起到的作用往往是喚起情緒、加強情緒、促進行動的作用，因此圖片選擇的好壞非常重要。而這個案例中所有的圖片選擇都稱得上讓人很難理解。

比如下面這張。為了指出用戶的痛點，設計師在臟亂差廚房圖集錦后，放了一張家庭主婦大聲呼喊的圖片，圖片上還配了文字：您，是否還在隱忍廚房的凌亂？？

大家一起來感受一下，有沒有覺得哪里不對？主婦一臉崩潰，卻對你說：您是否還在隱忍？這樣的對話，能否表達圖片的情緒呢？

但如果改成下面這樣，是不是感覺好了很多？

再來看下一組。為了說明廚房改造后的“成功案例”，落地頁上放了一組這樣的圖片：

從設計角度看，圖片的內容、形式、構圖、角度都是在傳達情緒。可是這張圖給到用戶的感覺是怎樣的呢？是會覺得真的很贊，還是覺得這還不如我家呢？

再比如這樣的一個廣角俯視圖：

既然是整理收納后的圖片，應當盡可能體現一個“完美”廚房的樣子，傳遞給用戶一種好想體驗的感覺，可圖片中這滿滿的煙火氣，布局到空間都沒有讓人覺得很舒服，你是想讓我說你實誠呢？還是說你不懂營銷呢？

底線是不要擾亂用戶視線

這次我們來說說頭圖的配色問題，我們把頭圖放到最大，發現依然需要定睛仔細看才能看清“不負好時光”那一堆字，直接手機上看的話，這幾個字就是花的，看不清楚。

也許設計師會說：“本來就不需要看清啊，就是個擺設啊！”可是，一個設計元素，連看都看不清，留著它過年么？我們不指望一個元素既好看又能傳達有效信息，但它起碼不要擾亂用戶視線，影響用戶看到真正有效的信息。

還有這個：

同樣的綠色背景上，白色文字清晰可辨，而橘色則糊成一鍋。為什么？因為圖片底色的明度和文字色的明度太過接近，明度接近會導致底色和文字沒有明確邊界，導致我們無法清楚的辨認出文字。

不得不說，在營銷推廣的過程中，落地頁設計的價值是被低估的。其實落地頁的承載和轉化功能是營銷中很重要的一環。它跟營銷一樣有套路可循，就是以訪客體驗為主導，以訪客的視角去看問題，去想一下怎么樣才能讓訪客愿意看下去。

如果你不清楚你的落地頁是否合格，可以關注微信公眾號SEM聯盟，后臺留言，我們會為您免費診斷