頁面的柵格、排版、元素放置效果的使用方法

最近在網上發現很多可以應對響應式的布局,縱向頁面、橫向頁面柵格的使用方法,設計著陸頁元素等等的知識。這次介紹可以學習網頁設計的信息圖和資源。

Multi-Device Layout Patterns

在手機、平板、電腦上産生各種各樣布局變化的總結。

Responsive Layouts, Responsively Wireframed

享受頁面響應式布局、線框圖的動畫。

Using Layout Grids Effectively

縱向頁面、橫向頁面效果的柵格使用方法。不只是雜志頁面,就連網頁設計的效果也有。

UI Tiles

收錄了近期網頁設計采用的布局、UI按鈕等72個免費素材(PSD、AI、Sketch)。

Flow Patterns

可以付費下載彙集了72個用戶流程模式與網站流程。

截屏是78個有意思的微交互。

Landing Page Design

彙集了著陸頁的布局、重要元素等的用處與注意點。

The Anatomy of a High Converting Landing Page

對高轉換率著陸頁的剖析。

12 Cirtical Elements

講解關于網頁構成的12個重要元素。

The Anatomy of an Optimal Local Landing Page

著陸頁必要元素和重要度示範的參考。

 
設置頁面效果——Word 2007書籍排版完全手冊3
設置頁面效果——Word 2007書籍排版完全手冊3
設置頁面效果——Word 2007書籍排版完全手冊(三)  在Word2007書籍的排版過程中,設置好各種樣式之後,首先需要對頁面的各種效果進行設置,下面一一介紹。  1. 設置開本大小  設置開本即設置紙張大...查看完整版>>設置頁面效果——Word 2007書籍排版完全手冊3
 
使用 SVG 動畫實現彈性的頁面元素效果
使用 SVG 動畫實現彈性的頁面元素效果
使用 SVG 動畫實現彈性的頁面元素效果  Codrops 分享了一些給SVG元素加上彈性動畫的靈感。實現的思路是把一個SVG元素整合成一個組件,然後從一個路徑彈性動畫到另一個。這種效果可以應用到像菜單,按鈕或其它元素,...查看完整版>>使用 SVG 動畫實現彈性的頁面元素效果
 
WPS文檔寬頁文字排版切換頁面方向技巧
WPS文檔寬頁文字排版切換頁面方向技巧
  效果圖對比:  打開文檔,插入一張比較寬的照片,如圖,此時,圖片看起來已經變形呢  接著,這裏我們開始改變頁面的方向,選擇菜單欄下的【頁面布局——紙張方向】我們選擇“橫向”,如...查看完整版>>WPS文檔寬頁文字排版切換頁面方向技巧
 
網頁設計之字體在頁面排版上的完全攻略
網頁設計之字體在頁面排版上的完全攻略
  我們每天設計都在與字體打交道。但是我們一直沒有認真在意他們的存在。我們沒有很好地使用過他們,甚至濫用他們。這一切是因爲我們不了解他們。字體作爲排版的重要元素之一;在設計裏也是最深奧的一門學問之一。本...查看完整版>>網頁設計之字體在頁面排版上的完全攻略
 
PowerPoint 2007使用其他版面元素的使用方法
PowerPoint 2007使用其他版面元素的使用方法
在Powerpoint2007中可以借助幻燈片的版面元素更好的設計演示文稿,如使用頁眉和頁腳在幻燈片中顯示必要的信息;使用網格線和標尺定位對象等。1、設置頁眉和頁腳在制作幻燈片時,用戶可以利用PowerPoint提供的頁眉頁腳...查看完整版>>PowerPoint 2007使用其他版面元素的使用方法