萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> IPAD女人雜志項目總結

IPAD女人雜志項目總結

IPAD女人雜志項目總結 三聯

  前言

  IPAD 女人雜志,得到這個項目需求的時候,說實話整個項目團隊對這個產品都還不是特別的了解。那時IPAD才剛剛上市,而且大家對於專門針對於ipad這樣尺寸的無線終端所開發的新一批APP應用也還都是剛剛開始接觸。提到“電子雜志”首先想到的更多是一些以FLASH動畫作為主要媒介的視覺雜志。所以對於這樣一個技術上要拋開FLASH,設計上要從紙媒到新的傳播媒介的轉換,我們都是“摸著石頭過河”。

  項目關鍵詞:時間緊迫 從新開始

  時間緊迫:當時幾大門戶都還在摸索階段,需求方希望走在其他門戶前列,最先搶在這個市場。

  從新開始:技術和視覺設計這邊都需要創新,沒有先例可以參照。

  接下來長話短說,從視覺設計方面對這個項目做一個簡短的總結。

  整體構架——經過項目組成員的集體討論結果,確定了以下的雜志構架

  下面從幾個方面著重分析一下:

  色彩,修圖,版式,字體,流程

  色彩

  雜志整體色彩以女人頻道的品牌紫色為主線。

  總結了下色彩庫如下:

  色彩設定主要是在頻道需求的基礎上,在紫色同色系上的一些變化,並針對與傳播媒介的特點。由於IPAD的本身分辨率很高顏色銳度很強。並且屏幕顯示的亮度很大,所以在有些設計上可以好好利用這一優勢。比如下面的將要提到的再是進場和末頁。

  另外還有特別要注意的是,IPAD顯示顏色與你自己的電腦顏色顯示是有差距的,一般電腦的顏色顯示會“暗”一些。所以在具體執行設計時要參照而來。進場和封底—–

  創意點:T台,幕布 色彩:品牌紫色 利用傳播媒介的特殊屬性進行執行,特意找到了有鑽石閃爍效果的T台素材,並且用比較深邃的主題顏色,利用顯示的優勢,使整體畫面更有層次感

  修圖

  封面 —–

  下面是頭7期的封面

  以上是最近7期的雜志封面,很容易看出,前七期在色彩和版式上都保持著統一的風格。沒有做太多的新的嘗試,這也是考慮到雜志創刊初期,要樹立統一的品牌傳播形象,更容易在目標受眾群中,建立品牌符號。

  下面著重講一下封面設計和執行:

  先是最終稿和原圖的對比

  除了版式上在原有基礎上根據每期的人物圖片進行有規律的調整外,作為視覺的中心點——人物來說,我們邀著重的加以雕琢,因為一般情況下我們從編輯那裡所得到的圖片都很不盡如人意。主要問題有:精度低,不是棚拍,光影沒有層次,妝面和服裝不夠精致。所以這些都需要我們這邊來進一步優化。

下面主要講講雜志制作中的修圖環節。這裡的修圖不僅僅是色階和對比度,色相的調整,更多的可能更像是變魔術,把本身沒有的變出來。

  封面修圖:上面已經講過,不再過多講

  時尚圖集的修圖:這部分可以說是整個雜志工作量最大的地方,先舉例說明:

  這樣的工作要再64張圖片上一 一調試,然後將64張圖整理成大中小3中尺寸。

  另外,在花窩部分的修圖出了以下常規的化妝步驟圖片的尺寸的色調色階的修正外,裡面著重要說的是化妝品圖片的修圖

  常規修圖 —–

  編輯提供的化妝品素材一般都要摳圖,另外在整個頁面上體現的時候要根據設計在加以修飾,要如同修飾大視覺裡的元素一樣來修飾這些化妝品素材,使其融入環境,不要像是“紙片圖”。題外話:其實一般像這種化妝品專題在大型的媒體(例:ELLE.COSMO.MARICLARE)一般他們都是有專門的攝影師進行場景拍攝的,咱們這邊是暫時沒有條件提供這樣的圖片的。

  字體

  IPAD雜志的字體,在項目開始初期我們也做了相關的競品調查,大多數互動終端產品用的是蘋果黑體,但是當時沒有太多的紙媒類電子雜志可以作為參考,所以只有經過親身的驗證,所以在雜志的第一期上線之前,我們都屬於實驗階段。

  最終確定了主題字體(中英),正文字體(中英)

版式

  說到版式,應該是對雜志設計來說最為重要的一點了,但是在版式上,IPAD上的電子雜志還是會和紙媒的雜志有所區別的。相比之下,IPAD電子雜志有自己的優勢,也有自己的局限性。

  弊端:由於IPAD本身的尺寸原因,多數需要豎屏觀看而且是單頁翻轉,所以一些像這樣在紙媒上應用的通篇兩P排版是不能運用在IPAD上的(本產品技術暫時沒有開發橫版閱讀)

  優勢:這種特殊的媒介平台,可以提供紙媒所不能有互動功能。

  所以介於上面的分析,我們把正文的文字版式做了一下兩種可能的排列:

  由於IPAD尺寸的緣故,考慮到用戶體驗,三欄的文字排版方式更容易會帶來視覺疲勞。所以選用了兩欄式排版。

  在主要展示圖片的版面,版式張主要遵循黃金分割的原則,分類為一下排版

同樣以黃金分割為基礎的小封面版式

  另外針對於花窩這一部分的特殊性,在版式上也做了特殊的處理。根據每期的內容做了比較多變化。

copyright © 萬盛學電腦網 all rights reserved