轉(zhuǎn)載藍藍設(shè)計(      m.sillybuy.com    )是一家專注而深入的設(shè)計機構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的      BS界面設(shè)計    、      cs界面設(shè)計    、      ipad界面設(shè)計    、      包裝設(shè)計    、      圖標定制    、      用戶體驗    、交互設(shè)計、      網(wǎng)站建設(shè)    、平面設(shè)計服務  

 

前言

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

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

從新開始：技術(shù)和視覺設(shè)計這邊都需要創(chuàng)新，沒有先例可以參照。

接下來長話短說，從視覺設(shè)計方面對這個項目做一個簡短的總結(jié)。

整體構(gòu)架 ——經(jīng)過項目組成員的集體討論結(jié)果，確定了以下的雜志構(gòu)架

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

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

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

色彩

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

 

 

 

 

總結(jié)了下色彩庫如下：

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

另外還有特別要注意的是，IPAD顯示顏色與你自己的電腦顏色顯示是有差距的，一般電腦的顏色顯示會“暗”一些。所以在具體執(zhí)行設(shè)計時要參照而來。

進場和封底—–

?創(chuàng)意點：T臺，幕布    色彩：品牌紫色     利用傳播媒介的特殊屬性進行執(zhí)行，特意找到了有鉆石閃爍效果的T臺素材，并且用比較深邃的主題顏色，利用顯示的優(yōu)勢，使整體畫面更有層次感

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

修圖

封面    —–

下面是頭7期的封面

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

————————————————————————————————————————————————————————————————————-

下面著重講一下封面設(shè)計和執(zhí)行:

先是最重搞和原圖的對比

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

下面主要講講雜志制作中的修圖環(huán)節(jié)。這里的修圖不僅僅是色階和對比度，色相的調(diào)整，更多的可能更像是變魔術(shù)，把本身沒有的變出來。

封面修圖：上面已經(jīng)講過，不再過多講

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

–

這樣的工作要再64張圖片上一 一調(diào)試，然后將64張圖整理成大中小3中尺寸。

另外，在花窩部分的修圖出了以下常規(guī)的化妝步驟圖片的尺寸的色調(diào)色階的修正外，里面著重要說的是化妝品圖片的修圖

常規(guī)修圖    —–

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

—————————————————————————————————————————————————————————————————————————-

字體

IPAD雜志的字體，在項目開始初期我們也做了相關(guān)的競品調(diào)查，大多數(shù)互動終端產(chǎn)品用的是蘋果黑體，但是當時沒有太多的紙媒類電子雜志可以作為參考，所以只有經(jīng)過親身的驗證，所以在雜志的第一期上線之前，我們都屬于實驗階段。

最終確定了主題字體（中英），正文字體（中英）

—————————————————————————————————————————————————————————————————————————-

版式

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

弊端：由于IPAD本身的尺寸原因，多數(shù)需要豎屏觀看而且是單頁翻轉(zhuǎn)，所以一些像這樣在紙媒上應用的通篇兩P排版是不能運用在IPAD上的（本產(chǎn)品技術(shù)暫時沒有開發(fā)橫版閱讀）

優(yōu)勢：這種特殊的媒介平臺，可以提供紙媒所不能有互動功能。

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

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

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

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

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

圖集部分的一些散點排版

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

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

流程

提需求—-見面會議—–排期——給內(nèi)容——設(shè)計—–叫給技術(shù)和前段—–測試—-上線

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

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

自己的一點建議

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

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

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

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

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