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

 

前言

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

時(shí)間緊迫：當(dāng)時(shí)幾大門(mén)戶(hù)都還在摸索階段，需求方希望走在其他門(mén)戶(hù)前列，最先搶在這個(gè)市場(chǎng)。

從新開(kāi)始：技術(shù)和視覺(jué)設(shè)計(jì)這邊都需要?jiǎng)?chuàng)新，沒(méi)有先例可以參照。

接下來(lái)長(zhǎng)話(huà)短說(shuō)，從視覺(jué)設(shè)計(jì)方面對(duì)這個(gè)項(xiàng)目做一個(gè)簡(jiǎn)短的總結(jié)。

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

下面從幾個(gè)方面著重分析一下:

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

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

色彩

雜志整體色彩以女人頻道的品牌紫色為主線(xiàn)。

 

 

 

 

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

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

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

進(jìn)場(chǎng)和封底—–

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

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

修圖

封面    —–

下面是頭7期的封面

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

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

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

先是最重搞和原圖的對(duì)比

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

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

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

時(shí)尚圖集的修圖：這部分可以說(shuō)是整個(gè)雜志工作量最大的地方，先舉例說(shuō)明：

–

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

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

常規(guī)修圖    —–

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

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

字體

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

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

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

版式

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

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

優(yōu)勢(shì)：這種特殊的媒介平臺(tái)，可以提供紙媒所不能有互動(dòng)功能。

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

由于IPAD尺寸的緣故，考慮到用戶(hù)體驗(yàn)，三欄的文字排版方式更容易會(huì)帶來(lái)視覺(jué)疲勞。所以選用了兩欄式排版。

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

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

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

圖集部分的一些散點(diǎn)排版

接著是一些和頁(yè)面排版一致的活動(dòng)頁(yè)面：

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

流程

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

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

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

自己的一點(diǎn)建議

最后說(shuō)說(shuō)我自己的感受，做了這么久了也，開(kāi)始對(duì)這個(gè)項(xiàng)目是充滿(mǎn)好奇和憧憬的。執(zhí)行起來(lái)后覺(jué)得這個(gè)項(xiàng)目是充滿(mǎn)壓力的一個(gè)“體力活”?，F(xiàn)在做了7期了，提出幾點(diǎn)對(duì)這個(gè)項(xiàng)目的建議：

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

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

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

差不多了，基本就這些，簡(jiǎn)短總結(jié)，自己當(dāng)然還有很多不足，希望接下來(lái)接手的同事能把這個(gè)項(xiàng)目做的更好！