網頁的卡片設計

1、標題：原型設計中卡片式網頁設計技巧有哪些？

詳細滴卡片設計技巧：

卡片是我們隨處可見的小UI組件，原因很簡單，它們佔用的空間非常小，並且可以顯示足夠的信息，通常還有1-2種選項。

為什麼使用卡片：

卡片能夠存在和流行，因為它們本身擁有簡約的設計和良好的可用性，卡片將會繼續流行。

卡片作為切入點，可以進一步展示更詳細的信息。

卡片在視覺上也很令人愉悅，因為在大多數卡片上，卡片的圖像為卡片賦予了風格。

它們自動適應Web和移動視圖。

沒有太多認知負荷，畢竟卡片無處不在，用戶早已經很熟悉。

它們保持界面井然有序，且非常簡約。

1.了解構造

UI中的「卡片」就相當於物理世界的卡片。它們可充當容器，將內部信息組合起來。

該原型使用墨刀設計

2.陰影/描邊

陰影/描邊有助於呈現出卡片的形態，至於你是想使用陰影還是描邊，取決於UI的風格。

該原型使用墨刀設計

3.背景

卡片的好處在於：只要保證視覺上沒有太繁多的對比，卡片的背景你可以隨便「玩」。

該原型使用墨刀設計

4. 文本大小和重量

當字體較小時，用戶會傾向於「細讀」；而字體較大時，用戶更傾向於「跳讀」。如果字體粗細使用錯誤，會影響可用性和美觀性。

5.對比度

卡片確實很小，因此對比度在分割信息和優先順序方面起著重要作用。

6. 按鈕

可以使用普通按鈕、文本按鈕或圖標。在垂直卡片上，按鈕通常放置在底部上；在水平卡片上則是在右側或底側。

7.間距和空隙

在可聚焦元素之間添加適當的空隙，也留足夠的間距來對內部信息進行分組。

8.對焦和懸停。

要使卡片在滑鼠懸浮時更明顯，通常使用較暗的陰影或上升一點高度。

本文轉自由墨刀翻譯自Dorjan Vulaj 的8 rules for a perfect card design。

望採納 謝謝~

2、怎麼設計賀卡版面

簡單
拿一張硬卡紙,剪成一個心型,再拿兩張粉紅色的紙,剪成心型,貼在兩面。接著，拿兩條絲綢繞在兩面，在畫幾個圖片就OK了！

3、想做一個廣告卡片，求設計

你可以在昵圖網上面找找.然後給給你做卡片的人說要那種類型.一般給你做卡片的人都會給你做出同樣 的效果.你也可以讓他在那上面下載下來.更改下就可以了.要是你請專人設計的話可以要加錢的

4、請問有什麼廢物利用的創意設計。我有很多像銀行卡那樣的卡片。。幾百張，，可以讓我把他們設計起來

有這么多銀行卡片嗎，那你可以用來製作很多變廢為寶小製作了，例如什麼筆筒專、收納盒屬、垃圾箱、書簽等等。你在百度上搜索《廢舊銀行卡以及會員卡的廢物利用手工DIY》這個專題DIY教程，裡面有許多這方面的視頻和圖文教程。最後建議你在利用舊卡片一起先把裡面的個人信息破壞掉，否則被有心人拿去盜用就吃虧了。

5、網頁設計作業，用記事本寫一個網頁，關於聖誕賀卡的，可以用表格和框架，CSS還沒學。

我有自己上網頁製作課的時候做的網頁作業源文件，還有收集的同班同學的一些，不過不是用記事本寫的代碼，都是用dreamweaver做的，應該可以用的。

6、什麼叫卡片式設計

詳細資訊請到大腕互聯官網查詢.

7、如何用word設計工藝卡片

一、用word設置列印頁面：
1、打開Word，將頁面大小設置為卡片大小；
2、在word中插專入文本屬框，將文本框移動到待列印項目空白處，調整字體大小，文本框的邊框和底紋均設置為透明；
3、依次插入文本框，直至完成所有項目。
二、用Execl製作表格：
第一行為項目，如名字、性別、成績、身份證etc，按列編排。將內容輸入到第二，及以下各行。注意，不要合並單元格。
三、使用word中的郵件合並功能：
將Execl表格中的數據直接合並到word文檔中，檢查無誤之後就可以列印。