轉載藍藍設計(      91whvog3.cn    )是一家專注而深入的設計機構 ，為期望卓越的國內外企業提供有效的      BS界面設計    、      cs界面設計    、      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尺寸的緣故，考慮到用戶體驗，三欄的文字排版方式更容易會帶來視覺疲勞。所以選用了兩欄式排版。

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

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

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

圖集部分的一些散點排版

接著是一些和頁面排版一致的活動頁面：

———————————————————————————————————————————————————————————————————————————–

流程

提需求—-見面會議—–排期——給內容——設計—–叫給技術和前段—–測試—-上線

上面這個排列應該是整個項目基本的，正確的，有序的一個流程。但是在這里要重點說的是，在真正的項目實施過程中，有幾個環節是一直都有問題的，最大的問題應該是在排期和內容上，經常是在沒有任何內容的情況下就要我們設計這邊給出一個設計排期，所以這個基本是不可能完成的任務，所以最終還都是邊給內容邊設計制作。所以時間上設計這邊沒有任何主動性，完全都是被動的要跟這需求方得內容走。邊制作邊看時間。所以這樣一來，咱們的設計時間一直都是相當飽和的。這樣一個工作量，一般都是都要在15天之內全部完成。不過現在這個問題應該已經慢慢協調了。

———————————————————————————————————————————————————————————————————————————–

自己的一點建議

最后說說我自己的感受，做了這么久了也，開始對這個項目是充滿好奇和憧憬的。執行起來后覺得這個項目是充滿壓力的一個“體力活”。現在做了7期了，提出幾點對這個項目的建議：

圖片：希望需求方能投入更多的精力來找到一個咱們自己的攝影師。擁有咱們自己的網易出品大片。而不是再去提心吊膽的GOOGLE上下圖。

互動：向往項目組一起來多多從內容上考慮互動內容的添加，而不僅僅是設計師這邊自己提出建議

文字校對：希望能有專門的同事來做文字校對這一環節，這樣能避免很多反復的工作。

差不多了，基本就這些，簡短總結，自己當然還有很多不足，希望接下來接手的同事能把這個項目做的更好！