亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

近期做了PES的項目包裝，有一些比較實用包裝時的設計點要和你分享

確定大體風格

包裝前，我們需要結合產品屬性，確定大體的包裝風格

PES（摩爾線程）是一款具有科技感，且簡潔的產品，那在包裝時我們就可以往這些關鍵詞中靠。

當我看到“線程”二字時，腦袋里會閃現出“線性”“方程”等理科詞匯（這也是包裝時應用線性做修飾的原因之一）

確定主要顏色

主要的顏色應用是結合了產品的顏色規(guī)范，將具有產品代表性的橙色融入其中，并將“無彩色”與其搭配會使整體畫面更加和諧且高級。

參考

找參考

做設計時千萬不能明白需求后就開始埋頭動手畫！而是一定要是帶著“目的感”去找參考，看看別人的設計是怎么做的，他們的邏輯是怎樣的，從他們的設計中可以提煉哪些比較好的點應用在我的設計中呢？帶著這樣的想法去找參考，不僅會找到一些很不錯的細節(jié)點轉換在你自己的設計當中，而且看似找參考“浪費的時間”反而會大大提高你后期包裝的效率！

那么我的參考都是在哪找的呢？主要是站酷和dribbble。你可以在站酷里看看首頁推薦的作品是如何包裝的。在dribbble看看別人網頁是如何設計的，有時網頁設計的排版方式，排版風格可以很好的轉化到你的作品包裝當中。

參考的轉換

案例一：產品屬性界面
起初這個頁面第一版是這樣的：

 畫面層級看起來很單，于是又找了找參考，發(fā)現參考中有一點很值得借鑒：

參考中，通過文字和小元素的結合，對畫面層級起到了豐富的作用。提取出這一點后，修改出了如下版本： 

大體感覺好了許多，那我們還能如何優(yōu)化層級呢？改變其中一個卡片顏色，將其做成選中狀態(tài)。

畫面層次又豐富了，這樣感覺是不是舒服多了？ 

案例二：字體規(guī)范界面

無意中發(fā)現了這兩個界面，覺得它的設計還蠻有趣，就想著和字體規(guī)范結合起來。

第一版：將二十六個英文字母依次排列，選取項目名稱中“PES”放置于線性方格中，凸顯品牌名稱。

但發(fā)現由于英文字母結構的特殊性，這樣排出來，雜亂不堪?；仡檯⒖?，我們嘗試將每一個英文都放進一個線性方格中。

將其放進容器中，畫面整齊度確實有了明顯的提升，但過多重復的信息層級堆疊在一起，使畫面看起來過于冗雜且因為頁面大小的有限性，在一定程度上影響到方格之間的間距，讓畫面顯得有些擁擠。

那我們就繼續(xù)濃縮字數，使其更加精簡。結合畫面的結構將參考中左右構圖的形式轉換成居中構圖，然后加一些文字及小元素使畫面平衡，最終得到了下圖：

過多的線性會使畫面看起來很“散”，相反面性會讓畫面顯得“整”，二者的結合既可以使畫面看起來整齊和諧，又可以豐富畫面飽滿度。

案例三：過度頁面的形狀

提取參考中的細節(jié)點，應用在設計當中。

當你覺得參考中有些點很有趣，可以嘗試將其放進你的設計中。

很多時候我們并沒有過多留意頁面交界線的問題，但像參考中稍微加一個轉折，會給平淡無奇的頁面帶來不一樣的節(jié)奏感。

案例四：內容頁面

合理結合參考的設計點，會讓你的效率事半功倍。

起初這個頁面根據參考轉換的并不是很好，畫面節(jié)奏感也出現了問題。單獨展示一個空狀態(tài)頁面還好，但將3個放在一起時，就會顯得畫面很單薄沒有重點。

當你發(fā)現1個參考點無法支撐起一整張頁面時，那你就再尋覓尋覓新的參考。

結合自身產品風格，“取其精華”，最終此頁面變成了下面這樣。

這樣既能很好的展現出3個空頁面的狀態(tài)，又不至于使畫面看起來很沉悶。

案例五：產品展示頁

參考中數字變大了與文字形成大小對比，我們就可以提取這一點，放在我們的參考中試試。

放大數字，將其放置于文字底部，降低其透明度，即可豐富了畫面層級，又不會搶主視覺內容。

總結

1.根據產品屬性確定包裝主體風格。

2.顏色可選取產品主色和“無彩色”相結合，會使畫面更加和諧與高級。

3.站酷 <首頁推薦> 和 dribbble中的網頁設計排版可作包裝參考。

4.可以通過添加小元素或者顏色對來豐富畫面層級。

5.線性會使畫面看起來很“散”，面性會讓畫面顯得“整”，二者的結合既可以使畫面看起來整齊和諧，又可以豐富畫面飽滿度。

6.包裝中頁面與頁面的交界線也可以有小設計。

7.合理結合多個參考點，會增加畫面的趣味性。

8.文字的對比，弱化次要層級的顏色。

以上就是在做包裝找參考以及轉換參考時的一點小思路，希望對你有所幫助。

祝你早安，午安，晚安~  

Powered by Froala Editor