• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 平面理論教程 ] 完整的夏日狂想曲設計項目經驗總結分享—- 設計教程




    教學主題: 完整的夏日狂想曲設計項目經驗總結分享

    大家好!! 小編今天來和大家分享關於 設計教程中的平面理論教程教學

    今天的這個教學主題是: 完整的夏日狂想曲設計項目經驗總結分享

    這教學的重點為這幾點 [ 經驗,總結,分享,項目,設計,夏日,完整,我們,場景,用戶, ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    夏末狂想曲已上線一段時間,這是作為設計師的我們將身份從單純的執行設計變成發起創意並參與到全過程中的第一步,這次項目的合作和產出對團隊每個人都是一次寶貴的經驗,下面分享給大家。

    夏末狂想曲已上線一段時間,這是作為設計師的我們將身份從單純的執行設計變成發起創意並參與到全過程中的第一步,這次項目的合作和產出對團隊每個人都是一次寶貴的經驗,下面分享給大家。

    1,項目簡介:

    這個夏天註定有很多大事發生。滴滴代駕上線一周年,歐洲杯、奧運會接踵而至。在運營與市場部同學的共同策劃下,公司產出了一系列效果顯著的線上運營活動,我們作為設計師充當著非常重要的執行方的角色。

    如果將設計師發散的創意思維和代駕產品結合,將會產生怎樣神奇的化學反應?如何才能更好的將設計的思維融入到作品中,提升點擊率並更好的傳播代駕產品?怎麼變被動為主動,轉變身份角色,從單純的執行者變成積極主動的策劃者,創意者?

    懷着這樣的想法,趕着夏季的尾巴,我們決定和運營的同學一起策劃一場線上活動,共同譜寫並奏響了這首“夏末狂想曲”。

    2,前期準備

    在前期方案設定中,我們研究了許多較受歡迎的h5案例,並希望從中汲取靈感,找到符合代駕特徵的展現方式。下圖表格中的優缺點均指相對代駕產品而言,並不針對某一具體h5類型.

    完整的夏日狂想曲設計項目經驗總結分享

    考慮到代駕為一種低頻次使用功能,數據展示的類型並不十分適合。同時為了最大限度降低用戶流失率及跳轉率,我們決定將2,3兩種展示方式進行結合。

    劇情設定

    夏末狂歡的主題立意點在於“動”,而“代駕司機送您回家”的主題立意點卻在於“靜”。為了動靜結合,我們決定用開場的“靜”與結尾的“靜”遙想呼應。同時內場場景循序漸進,當熱鬧的氛圍達到最高潮的時候立刻收尾,用強烈的反差對比去凸顯代駕司機的專業可靠。

    完整的夏日狂想曲設計項目經驗總結分享

     

    形式設定

    如前所述,為了最大限度的降低用戶流失率及跳轉率,我們採用的是將信息展示及遊戲互動這兩種表現形式相結合的表現形式:用圖片烘托氛圍,除必要的規則及引導外,刪除所有可有可無的文字部分。此外,用遊戲的表現形式展示信息,並在信息的展示過程中穿插類似遊戲的尋寶環節以製造驚喜。

    完整的夏日狂想曲設計項目經驗總結分享

    3,設計過程

    創意與形式確定后便需要開始着手具體的設計工作。由於最終的期望是儘可能的通過圖片形式烘托氛圍,設計的第一步則是分別確定各場景的畫面內容。我們挖掘了代駕師傅線下的場景畫面,採集炎炎夏日代駕服務中的片刻剪影作為這次運營活動的設計源點。

    可以發現代駕服務的大部分場景都聚焦於繁華喧囂的酒吧鬧市。我們採集了這些場景的共性並將之與夏日印象相結合,得到了炎熱,不安,躁動的特徵。接着我們針對每個場景大致想要表達的內容羅列了關鍵詞並收集了相關圖片製作了簡易的情緒版。

    完整的夏日狂想曲設計項目經驗總結分享

    草圖

    確定了每個場景的大致畫面內容后,我們開始草圖繪製。為了追求遊戲感,讓畫面活潑生動,我們打算採用散點透視的方式去繪製每個場景,使畫面開闊,內容豐滿。我們將場景及元素構建了一個由淺至深的虛擬空間,用戶層層體驗探尋每一道門后的秘密,猶如代駕體驗穿梭於城市每一個平凡街道,可以實時翻閱每一頁代駕服務留下的片刻畫面。

    不過這樣的構思也帶來了繁瑣的工作量。光是草圖部分的繪製就花了大約3天時間,其中最複雜的莫過於整體場景的搭建。由於人眼特徵的局限性,並且平時能夠搜集到的大多是焦點透視的圖,大家對於散點透視缺乏有效的經驗及參考。這些場景的構建的確花費了我們大量的腦細胞。

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    色彩

    內容確定后重要的一步就是顏色的選擇。由於最初的設想是讓整個畫面有動靜結合的節奏,我在開場和結尾用了較為安靜的冷色調,中間場景則以暖色調為主,並且循序漸進,越來越強烈:用繽紛絢麗的暖色基調和浮華,飽滿,喧嘩的元素來營造一個激情充溢的高熱氛圍。

    完整的夏日狂想曲設計項目經驗總結分享

    當然以上只是最初上色時確定的基本色調,後續我們分別對不同場景的特徵,及想要傳達給用戶的感覺做了局部調整。

    字體

    想做好一個h5,自然不能放過每一個細節。字體部分的設計我們也做了反覆推敲。

    雖然整個h5在瀏覽的時候並未出現類似slogan的部分,但是後期宣傳的資源位(如滴滴出行app內公告欄)則需要用簡潔的標題引導用戶點擊。為了配合開場神秘空靈的氣氛,標題處採用了手寫的方式並着重突出筆觸的靈動感。

    完整的夏日狂想曲設計項目經驗總結分享

    完成稿

    下圖為夏末狂想季的最終完成稿:

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享
    貼心提醒: 按Ctrl+Alt+Z和Ctrl+Shift+Z組合鍵分別為在歷史記錄中向後和向前 ( 或者可以
    使用歷史面板中的菜單來使用這些命令 )。結合還原 ( Edit/Undo )命令使
    用這些熱鍵可以自由地在歷史記錄和當前狀態中切 換。

    完整的夏日狂想曲設計項目經驗總結分享
    貼心提醒: 使用選框工具( Marquee Tools )的時候,按住Shift鍵可以劃出 正方形和正圓
    的選區;按住Alt鍵將從起始點為中心勾劃選區。

    完整的夏日狂想曲設計項目經驗總結分享

    5,項目小結

    這次的活動對我們意義非凡。這是作為設計師的我們第一次將暢想的創意構思與具體活動相結合,並將想法落地, 成功上線的作品;也是讓我們的身份從單純的執行設計變成發起創意並參與到創意全過程中的第一步。相信這次項目的合作和產出對團隊每個人都是一次寶貴的經驗,讓我們並受益頗多。

    就項目本身而言,確實還存在着許多的遺憾。比如作為一個多人合作的項目,在設計進行的過程中並未很好的校對每個人的設計風格,導致發現問題時已經失去了修改的時間;比如由於時間有限,畫面動效並未做到百分百流暢,一定程度上損耗了體驗的過程。

    存在遺憾才能更好的追求完美。

    在活動上線后,作為設計師的我們也一直在反思,如何讓h5在好玩有趣的情況下同時可以承載品牌的特性,傳遞品牌精神?在每一次h5背後,視覺設計的部分究竟可以貢獻多少的流量?如何做到真正打動用戶而非依靠各種利益點去維持瀏覽率?這一切都是我們需要繼續探索和努力的方向。

    a,直觀的交互:權衡h5的順暢性與趣味性,堅持在用戶耐性差,接觸學習新事物積極性低下的假設下確定h5里的交互和內容。雖然夏末狂想季內容豐富,層層通關找尋小章魚的遊戲感強,但是交互不夠直觀。

    b,清晰的利益點:對於需要用戶較多參與的h5,需要清晰明確的告知用戶走完所有流程的動機利益點。比如採訪了周圍的許多朋友,很多人都表示不知道要去尋找章魚。

    c,理解用戶:做h5好像寫文章,總分總的形式清晰易理解,但漸進的表達對用戶要求高,設計起來也更加需要技巧。我們在設計的過程中應該更多的從非設計師的角度去審視設計,讓用戶理解h5要傳遞的實際意義,而不是僅僅停留在表面的美醜上。

    我們可以吸取夏末狂想季中好的經驗,把它固化然後運用到更多的項目創意中, 同時把已出現的問題提出避免再次產生,從而創造出更多的好作品!

    以下是完整的作品展示:

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

    完整的夏日狂想曲設計項目經驗總結分享

     

    看完小編分享的教學之後 是不是對平面理論教程中的設計教程教學更熟悉了呢?

    希望我們所介紹的 完整的夏日狂想曲設計項目經驗總結分享 這教學會喜歡

    文章標題: 骨子愛創意- 完整的夏日狂想曲設計項目經驗總結分享–轉載請註明來源處

    本教學分類為平面理論教程中的 設計教程相關教學

    文章相關關鍵字為: 經驗,總結,分享,項目,設計,夏日,完整,我們,場景,用戶,

    本文永久連結 :完整的夏日狂想曲設計項目經驗總結分享

    本文轉載自 :VIA