好的卡片設計不會使用太多的加載時間，同時它也能在不同的屏幕上切換自如。小的模塊對于用戶來說更能吸引注意力（尤其在移動端），它在Pinterest上培養大家的習慣，然后在Facebook和Twitter上面推廣，卡片設計能應用于各個領域的網站設計。

　　在這篇文章中，我們將會探討卡片設計的崛起：為什么它們有用，它們如何適應于響應設計和material design，在未來又會發生什么？

　　什么是抽屜式設計？

　　為了了解抽屜式設計，你首先得先了解卡片是什么。

　　每一個卡片擁有屬于自己的信息。一張卡片能包含所有信息 — 視覺、文本、鏈接等等— 但是所有這些內容都是一張卡片里面的內容。

　　這種獨立填滿整個屏幕抽屜式展現信息的方式 被Guardian 叫做“抽屜模式”。它讓用戶更加直接清晰的看到整個界面，也有利于用戶快速的尋找他們需要的信息。（最重要的是，這種方式能夠有利于我們自己控制，下面的文章我會解釋為什么。）

　　讓人覺得很有吸引力的是：它們使用的卡片界面是相互疊加的。

　　Trello 能讓用戶創建他們自己想要的任何卡片列表。所有人都能創建“to-do”卡片 ，同時能夠按照自己的需求進行分類。

　　Trello不僅讓卡片具有靈活性，而且還能被用戶隨意擺放。Trello的成功是因為相較于傳統列表式布局，它讓用戶感覺很簡單。

　　UI卡片在移動端和響應式設計中的應用

　　正如上文提到的，卡片為響應式框架提供了出色的兼容性，因為一些像Des Traynor把他叫做“網頁的未來。

　　這種設計能夠在移動端隨意很好的轉換。”

　　首先，它能夠自己擴展或者收縮去適應任何屏幕的尺寸。設計師可以很靈活的控制卡片的比例（幾組卡片能夠更好的適應彼此）。例如,你可以設計固定的寬度和一致的間距來適應可變動的高度。

　　比較上面The Verge的網頁截圖和下面的移動端截圖：

　　注意他們兩個的文本信息、圖像和顏色的風格都是一致的。卡片設計讓用戶在不同的設備上有一致性的體驗。

　　你可以看到這個優勢在UXPin的e-book里面被利用。注意他們從移動端到全屏的界面是非常清晰的。

　　UXPin移動端界面：

　　UXPin全屏的界面：

　　另外一個優勢是如何讓卡片適應人們手指操作。在觸屏上，操作它就像按動一個按鈕一樣不需要花費多少精力。這個想法很簡單：點擊卡片，讓它與內容交互。

　　像菲茨定律適應于網頁設計展示那樣，點擊區域越大就越容易相互作用。還記得我們有多少次掙扎在移動設備上點擊一些文本鏈接么？

　　卡片和Material Design

　　Material Design很依賴卡片式設計，卡片描述在Material Design指南里值得你去尋找一個好的解釋。

　　卡片設計的未來

　　卡片設計模式不斷的重塑自身以適應新的挑戰，而響應式和移動端也許會受最大的影響。就像2015&2016網頁設計趨勢 描述的那樣，這種設計流行的轉變是因為 Material Design 在安卓系統里面的應用。

　　1.技術

　　卡片不可能永遠是靜態的。隨著網絡性能的提高，也能夠支持更豐富的多媒體內容。你可能會看到更多細節的元素，比如自動更新內容但是不會影響整個用戶體驗。

　　視頻能更換圖片（設計師思考這個問題很多年了）也許會變得很流行。Use Your Interface（上圖），這些GIF動畫功能讓整個頁面體驗非常愉悅。

　　2.深度的交互

　　在不久的將來，卡片也許能夠變得更加的有創意。就像我們看見 Material Design，它非常依賴個人的交互，隨著自動排序和實時更新等功能的更新（比如天氣預報）。

　　Windows手機里面已經開始應用卡片式自動分類方式，很有可能其他移動手機也會使用這種方式。

　　3.尺寸

　　圖片并列的布局趨勢，也讓卡片更好的使用大尺寸屏幕。

　　大卡片上能布局更多的細節和復雜的字體，它從視覺上讓用戶感覺很舒服。大小卡片交替的時候，大卡片在視覺上更讓人感覺舒服。

　　Arkitekter（如上圖）是怎樣應用大尺寸和中等尺寸作為信息布局的。有些卡片有鏈接，有些卡片是靜態的信息。大小不同的卡片呈現方式，讓整個頁面更有呼吸感。

　　4.可穿戴的

　　多虧了谷歌眼鏡，它讓卡片的UI設計在穿戴設備上奠定了基礎。

　　盡管有很多人認為谷歌眼鏡會失敗，但是也有一部分人認為它有市場。不管怎樣，穿戴設備的UI設計必須要很好的利用空間來設計，而卡片設計是它最實用的選擇。

　　要點

　　在所有的媒介和設備上，卡片設計已經成為設計常用的一種方式。他們當前的形式可能會隨著技術的發展隨著技術有所改變，但是他們確實是存在的。

　　畢竟，這些布局并不是一個表格。別忘了，在不久前卡片只是一張包含內容的紙片而已。

　　當前，卡式的網站建設以精簡，重點內容突出的表達形式受到用戶的歡迎，跟著趨勢走的網站必然不會被淘汰。

作為一名網絡安全工程師，“網站安全”這個詞似乎離生活有些遙遠，平日里很多人開啟計算機最多就是登陸網站、瀏覽網站，至于網站安不安全，卻從未關注過。近些年來，網絡安全相關話題已經引起了社會的廣泛關注，還記得去年暑期大火的偶像連續劇《親愛的熱愛的》講述了男主希望為中國拿下CTF大賽冠軍的夢想之路，CTF在網絡安全領域中指的是網絡安全技術人員之間進行技術比拼的一種比賽形式，當然，這部劇的成功之處更在于讓許多年輕人對網絡安全領域產生了興趣。本文旨在從一名網絡安全工程師的角度，用更加通俗易懂的話語，介紹網站安全的相關知識。

一、網站安全的定義

百度詞條的定義為網站安全是指出于防止網站受到黑客入侵者對其網站進行掛馬，篡改網站源代碼，被竊取數據等行為而做出一系列的安全防御工作，在我的理解中，網站安全就是當有人攻擊你的網站時，你所作出的防御，又或者是事先對網站進行的一系列防止別人攻擊的安全防護部署。由此看來，網站安全對于網站的正常運營具有重要意義。

二、網站安全的重要性

為什么網站安全如此重要呢？在日新月異的當代社會，互聯網成為新興熱門的產業，網站技術發展迅速，滲透到人類生活的各個方面，越來越多的事情需要通過互聯網來完成，與此同時，網站安全問題也就日益突出，但絕大多數的網站開發與建設公司只考慮正常用戶的穩定使用，而對于網站安全方面了解甚少，發現網站安全存在問題和漏洞，其修補方式只能停留在頁面代碼的刪除或者是恢復網站備份，很難針對網站具體的漏洞原理對源代碼進行修復。但黑客對漏洞具有敏銳的洞察力，網站存在的這些漏洞就會被挖掘出來，成為黑客們直接或間接獲取利益的機會。

大多數網站運營者對網站的價值認識僅僅是一臺服務器或者是網站的建設成本，認為對這個網站增加的超出其成本的網站安全防護服務覺得價格有點高。事實上，網站遭受攻擊之后，網站流量損失以及客戶流失，訂單流失的經濟損失已遠遠超過網站安全服務的費用。所以只有網站安全了，才能給您帶來更高的收益。不幸的是，實踐當中有相當一部分網站負責的單位、人員，只有在網站遭受攻擊受損嚴重后才能意識到這一點。目前國家針對于網站的安全做了信息安全等級保護，如果您的網站沒有達到國家的安全標準，出現網站漏洞，被黑客攻擊篡改等情況，會立即收到網警部門的通知，嚴重的會罰款以及造成重大影響達的負刑事責任。

筆者搜集到的網站安全事件主要有以下幾類，

1、網站首頁被篡改成彩票的內容，網站被掛馬，被植入黑鏈。

2、修改支付平臺訂單狀態，將未支付狀態篡改成已支付，給支付平臺和商戶造成巨大財產損失和名譽損失。

3、網站運營方的客戶信息被泄露，影響公司信譽。

4、APP中的用戶數據被篡改，導致用戶賬戶被隨意提現。

5、劫持網站，導致用戶點擊進入網站隨即跳轉到不良網站。

以上幾類問題都十分嚴峻，一旦發生，將會給公司帶來難以估量的經濟損失。因此，筆者建議，在建設網站初期除了進行網站功能設計之外，還需要聯系具有豐富從業經驗的網站安全公司進行滲透測試服務以及網站安全加固服務，而不是遭受損失之才才意識到事情的嚴重性。

三、網站安全工作如何開展

通常網站安全工作是這樣開展的：

1、當接收到客戶網站被攻擊的消息后，網站安全工作人員首先會根據客戶的描述確定網站是否被惡意攻擊，隨之迅速反應出網站的哪幾部分可能是被攻擊的對象，如服務器被攻擊、首頁代碼被篡改、網站被劫持跳轉等。

2、逐一排查可能被攻擊的地方并進行漏洞修復，從而將客戶網站存在的安全問題消除。

3、本著對客戶負責的態度，從底層網站源代碼根源入手，對客戶網站的安全進行加固服務，仔細檢查網站存在的漏洞，對每個文件代碼都進行詳細的人工安全審計，使客戶網站真正變得安全，讓黑客無處下手，幫助客戶網站走的更遠。

最后，作為一名網絡安全工程師，已然認識到網站安全的重要性，那么對于許多網站運營者來說，做好網站安全更是成功運營網站不可或缺的一步，希望網站安全能夠得到更加廣泛的關注。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司