看完《形式感 網頁視覺設計創意拓展與快速表現》總結

2021-07-05 01:58:18 字數 1493 閱讀 2741

看完這一本書之後,在設計方面感覺收穫很多,對於網頁前端也有一定的幫助,這一本書關係到響應式的設計,特別對於大螢幕設計有很多技巧,這一本書真的值得推介。

廢話少說,簡單寫一下看完這一本書的技巧收穫。

一、抄現實(針對網頁主題來選取適當的實物來排布網頁)

第一步:減法,對物體的形態進行簡化,刪去具體外觀,保留實物的基本特徵。

第二部:分塊,根據物體內部的形態對網頁的資訊內容進行規劃布局。

第三部:加法,還原一些物體的特徵核心,新增一些裝飾來補充視覺。

二、圓、方、三角

圓:可愛、靈動、有親和力、有趣、活潑、多變,q版、歡樂的主題。

方:整潔,呆板生硬,莊重、嚴肅、情感內斂主題。

三角:尖銳、情感刺激和反差、速度感、運動的、時尚的、動感、不平衡,一些時尚運動品牌或體現速度感、暴力、刺激等主題。

選乙個為主型(大的),另外兩個分別為輔助(中)和次要(最小的)。

步驟一:打大框架

步驟二:為內容進行布局調整

三、斷臂之美

1.去掉區域性

2.選取區域性

3.替換區域性

步驟一:選擇物件

步驟二:斷臂手術處理

步驟三:資訊位置設想

步驟四:概念圖

步驟五:資訊排版設定

步驟六:填充內容細化

四、欲擒故縱

1.減弱突出法(縮小或者變淡顏色)

2.留白突出法

五、乾坤大挪移(產生新鮮感)

1.旋轉(旋轉角度不要超過15°,旋轉後的資訊要保持在1000畫素之內)

整體旋轉、背景旋轉、綜合旋轉

2.平移(資訊保持在1000畫素內)

上下格局(slogen和主視覺都在首屏上方)

左右格局(slogen和主視覺在左側)

混合格局

六、雜誌版式

1.質感輕薄

2.版式強節奏(粗細磅、大小字型大小、明暗色彩的對比)

3.大視覺

七、全屏大視野

1.大圖平鋪自適應

2.中心定位,兩則自適應(背景圖要有一定的延展性)

3.單側定位,中心延展(要保證在1000畫素大的時候資訊自身排版互不干擾)

4.小切糕全屏響應式(瀑布流設計)

八、文字衣櫥(整理資訊)

1.一次分類——大關係(文章分段,分析每一段聯絡,遞進?並列?對比?)

2.二次分類——內容語義(每一段裡面分析主副標題等)

2.三次分類——關鍵重點(標出重點字眼)

九、你看起來很好吃(資訊的圖形化設計)

1.並列型(圓環並列等)

2.對比型(顏色面積對比,環形組合對比,軸線圖等)

3.流程型

十、釘釘鉚鉚(網頁中的小裝飾)

1.小圖示

2.小序號

3.小字(中英文)

4.小手繪(親和力)

以上是看完本書之後的我簡化後的網頁設計方法,覺得有用可以買來看,裡面還有大量的例子詳解,感覺都不錯。

《網頁設計創意書》讀後感

剛剛收到 網頁設計創意書 確實有點驚喜,開始以為是像之前審讀的書一樣是一疊疊的列印 紙,沒想到是一本成品書,拿到手上沉甸甸的,隨便翻看了一下,沒想到裡面竟然還是全彩頁印刷的 本書的第一感覺讓人覺得 真值。網頁設計創意書 從書名上看應該是一本講如何設計網頁的書籍的,開始我對其中的內容還是 抱有很大的期...

網頁設計走塗鴉,手繪創意有個性

網頁設計似乎走向了窮途末路,包括移動端網頁的設計也是千篇一律。設計師何嘗不想有創新,很簡單一句話 不按常理出牌。沒有兩片葉子是一樣的,也沒有兩個人的靈感的盡相同的。而塗鴉和手繪是非常能表現乙個人的創造力與靈感的方式,所以若想要打造精緻而又獨一無二的網頁,一起欣賞一下他人的創意。塗鴉並不代表繁瑣,小清...

網頁設計中背景的創意風格與設計趨勢

正確的背景風格可以為整個 確定基調。我們蒐集了一批使用大幅影象 明亮顏色或出眾圖案來作為背景的優秀 希望從中探尋當下 的流行設計風格。網際網路背景的內容應該有目的性。背景應該與你的品牌風格一致。現在的流行趨勢是什麼?就像服裝和髮型會變,網頁設計的風格也在變。對於背景來說,趨勢的變化尤其突出。目前,大...