你不知道的刷屏級H5排版以及動效

   如果細心地觀察那些閱讀轉寄破萬的H5,它們除了本身極具特色的創意之外,排版與動效功能的應用也是恰到好處。所以今天我們就分別從【排版】、【動效】兩方面來給大家闡釋,如何讓自己創作的H5更具傳播性。  Part 1

H5 那麼火這些知識你還不知道?

   一、互動上,慎用向右滑動的操作方式。  如:刮刮樂塗抹效果,左右滑動翻頁等。  原因:蘋果手機上,向右滑動容易觸發返回“上一級頁面”效果。  二、 互動上,慎用橫屏展示效果。  原因:體驗上,需要使用者裝置開啟旋轉螢幕功能,才能正常觀看,使用者操作成本高。對不同螢幕的手機,長寬比例不一,難以展示最佳的視覺效果。  三、視覺上,功能按鈕等,遠離頁面底部(大概128px,這個尺寸不是固定值)。  具體看重構採用什麼適配方式(僅供參考:640*1136

Photoshop如何摳出室內有摺痕的婚紗

   Photoshop如何摳出室內有摺痕的婚紗          原圖   最終效果  1、開啟原圖素材,我們來分析一下摳圖的痛點,主要是婚紗後面的背景有較為明顯的“摺痕”效果,處理不當,摳出的婚紗就有種斷層的感覺。  2、先選取矩形選框工具,在有摺痕的頂部拉出下圖所示的選區,然後按Ctrl + J 複製到新的圖層。  3、回到複製的圖層,按住Ctrl + 滑鼠左鍵點擊當前圖層縮圖載入選區,然後按住Alt鍵 +

騰訊遊戲團隊解謎《火影忍者》H5創意全過程!

   1月8日《火影忍者》手遊迎來了不柵檔內測,轉眼負責火影手遊的創意設計工作一年多了,在這段時間裡從《鳴人雛田婚禮》到《重返木葉村》沙盤項目我們為火影手遊嘗試了很多風格的H5和互動站,春節期間我們又嘗試了一次剪紙風格的H5。  項目背景:  在春節來臨之際,我們獲悉《火影忍者劇場版-博人傳》2.18將在中國上映,這部電影主要講的是鳴人和他兒子博人間的父子故事。作為火影手遊市場設計團隊,我們覺得我們可以為《博人傳》,為火影手遊項目,為火影迷做點什麼,給火影迷來點驚喜!用一種特別的視覺語

H5有哪些創意類型?

  RT,請看類型分析和典型案例:  1、個人化測試  基本邏輯:  輸入姓名/其他個人資訊 → 隨機出帶姓名變數的結果 → 分享  核心思想:  測試結果一般帶有個人屬性並有炫耀性質(社交貨幣?),以此激勵分享。比如“XXX是靠臉吃飯的”“XXX的新年簽是好運”“XXX的顏值完敗鳳姐”。  常見形式:  算命、新年簽、運勢、職業、星座、智商、顏值...  典型例子:  《快來算算你是靠什麼吃飯的》

Photoshop透明婚紗的摳圖方法

        Photoshop透明婚紗的摳圖方法          原圖   最終效果   1、把原圖素材大圖保持到本機,開啟PS,再開啟保持的原圖素材,進入通道面板,把藍色通道複製一層,得到藍副本通道,如下圖。  2、選擇藍副本通道,按Ctrl + L 調整色階,把暗部及中間調都壓暗一點,參數及效果如下圖。   3、按Ctrl + A 把藍副本通道全選,按Ctrl + C

PS鋼筆工具怎麼快速摳圖?

   PS鋼筆工具怎麼快速摳圖?           PS軟體運用十分廣泛,深受觀眾的喜歡,今天和小編更好的來認識鋼筆工具,並運用鋼筆工具。有興趣的朋友們一起來學習吧  1、建立一個800*600像素的空白白色背景  2、點擊橫排文字工具,然後輸入文字,如圖  3、開啟一張車的圖片,選擇鋼筆工具,然後用crl+號鍵來放大映像,然後用鋼筆工具勾畫邊緣。  4、勾畫好邊緣如圖所示,車的邊緣已經勾畫好了,如圖所示  5、選擇crl+

H5淘寶、京東大牌們在春節移動營銷上花足了心思

   馬上就要到猴年了,各種跟猴相關的主題也是逐漸進入了大家的視線,各路大牌更是沒有錯過這個時機,紛紛推出了自己的猴年相關的營銷活動,讓我們一一盤點一下。  案例1、農村淘寶:世界上最溫暖的地方在哪  廣告主:淘寶網  推廣產品:農村淘寶官網  項目亮點:走心的文案和樸實的故事,讓使用者看了之後都覺得暖暖的,另外也將使用者過年想回家的心都體現出來了,有一種不論在外的工作和工資多麼令人豔羨,能回家過年的才是真正的人生贏家的體會!為了協助更多買票難的老鄉回家,農村淘寶聯合地方政府承包了廣州

H5案例精選:如何造勢走進使用者的心

   又要到聖誕節、元旦節、春節了,每逢佳節都是廣告人們最忙的時候,追熱點、造話題、想創意等,更可怕的是,有時候四天之內客戶就要完整稿,小編實在不忍心看廣告人們加班了,於是給大家帶來一些靈感和福利,一起看看這些品牌是如何在2015年上半年的節日中給自己造勢,有的是和當下熱點結合,有的是品牌之間相互合作,有的是一個簡單的互動,不管是什麼辦法,至少這些案例所達到的曝光率都還不錯,至少你的朋友圈出現過一次到兩次。  一、元旦(1.1)  案例1、MAC “唇語魅刻” 

你想破腦袋做出來的H5

   上個月,環球音樂在加拿大多倫多的一塊 30X60 英尺的戶外廣告就產生了這種魔性的效果。一塊黑色的幕布,上面寫著 THE 6(God)IS WATCHING,來自獲得美國今年第一張白金唱片的饒舌歌手 Drake。  這是一段“一般人完全不明白,但粉絲秒懂”的資訊,多倫多是 Drake 的家鄉,粉絲們把 Drake 稱為多倫多的神,而 6 代表多倫多的區號 416 和 647,於是整段話的意思就是,“Drake 在看著你們”。  

聊聊打造HTML 5動感影集的愛恨情仇

   動感影集是QQ空間新功能,可以將靜態圖片輕鬆轉變為動態視頻集,且載體是HTML5(簡稱H5)頁面,意味著可以隨時分享到空間或朋友圈給好友欣賞。移動端區別於PC年代的相簿視頻,由於裝置效能限制,每一個動畫細節都需要認真最佳化,今天就來說說動感影集開發過程中的動畫效能檢測與最佳化的問題。  一、先利其器 —— Chrome

PS怎麼把多張照片拼在一起

   PS怎麼把多張照片拼在一起          對於現場拍攝到的圖片,發現一幅結構好圖時總想拍一幅全景寬幅圖片,所以只能固定三腳架拍攝三張或四張甚至更多張,後期回家後在PS裡進行手工拼接,但手工拼接時對環境色彩、光影無法正確校隊,浪費很多時間,而且還有痕迹出現,很不完美。其實在PS裡有圖片自動拼接工具,可以省去很多時間和操作。為此我用圖片進行拼接。發現PS CS4.0以上編輯軟體工具所能自動拼接的比手工拼接很完美,下面看圖說話: 

PS怎麼把兩張照片拼圖

   PS怎麼把兩張照片拼圖  1、用ps開啟照片,然後在功能表列選擇映像-畫布大小。  2、如果想要左右拼接,就點擊點位中左側的方塊,然後將寬度的數值改成原來的一倍。  3、用ps開啟另一張照片,將其拖動到剛才的照片中調整其大小和位置。  4、此時用ps就將兩張照片拼接在一起了。          更多知識請關注 三聯ps教程 欄目

Fireworks製作環繞文字

   有時候我們可能需要做一些圓形文字的環繞,其實這類文字實際上就是一種文字環繞路徑的效果,不過只簡單的通過Attach to

Fireworks 建立殘破紋理特效文字

   我們在Fireworks

PS直線工具怎麼畫虛線

   PS直線工具怎麼畫虛線、                   方法/步驟  1、開啟ps軟體,建立圖層。  2、選擇左側工具列中 畫筆工具中的 鉛筆工具。  3、點擊 上方工具列中的 視窗 選項中的

PS怎麼美白牙齒

   PS怎麼美白牙齒          在你使用減淡工具準備開始前,這裡有在photoshop裡白牙的必知事項。

Fireworks效果之逼真棋子

   Fireworks 的圖案填充種類繁多,如果能充分發輝其圖案的紋理特點,就可以非常方便地繪製出各種圖形的逼真效果,下面我們就用“木紋3”的填充來繪製一個逼真的象棋棋子。  啟動Fireworks 後建立一個455*300大小的畫布。用“橢圓形”工具和Shift鍵的配合,在畫布上畫一個直徑為142像素大小的圓。   圖1  然後選用圖案填充中的“木紋 3”對該圓進行填充。   圖2

UI設計師需要常逛的設計網站

   MaterialPalette:Material

簡單大氣的單頁網頁設計案例賞析

   這個網站以天空星座為主題,再用色彩營造出一種神秘的氣氛,但其特點並不在此,而是在網站的導航設計中。大多數單頁網頁的導航會設定在頂部,或是首屏的底部,很少會放在側邊。由於單頁式的網頁設計想要體現的就是大氣整潔,所以肯定會選用寬屏,而側邊導航又會減少頁面的視覺寬度,因此側邊導航很少會在單頁網頁中出現。使用者點擊導航後,頁面就會隨之變化,簡潔明了。  這是一個小學的介紹網站,顯示的案例是網站的整個頁面。網站整體簡短可愛,手繪的設計風格和鮮亮的黃色更是充滿了童趣。為了不讓頁面顯得過於臃腫

總頁數: 61357 1 .... 14178 14179 14180 14181 14182 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.