网球冠军数排名
深一集團40%的客戶來自外地,80%的業務來自搜索引擎和良好口碑!
微信 微信人工客服  |
微信人工客服
QQ在線溝通

新聞中心

全國業務咨詢請致電

400-666-2014

為您打響品牌第一炮
  • 在線QQ
  • 在線客服
  • 在線留言
2016年網頁設計趨勢:卡片式設計如何在占盡優勢?
發布日期:2016-04-09   關鍵詞:2016年網頁設計趨勢:卡片式設計如何在占盡優勢?   已有 6267 人瀏覽

在現實生活在,視覺信息老是很吸引人的眼球,卡片規劃的運用不只僅僅僅一種趨勢。

有數據顯現2014年 移動端運用率遠遠高于桌面端,頁面規劃都能極好的習氣小屏幕。這個定論即是:簡略的界面個性,比方:扁平化規劃,極簡規劃,尤其是卡片規劃比從前都要盛行。

好的卡片規劃不會運用太多的加載時間,一起它也能在不相同的屏幕上切換自若。小的模塊關于用戶來說更能吸引留意力(尤其在移動端),它在Pinterest上培育大家的習氣,然后在Facebook和Twitter上面推行,卡片規劃能運用于各個領域的網站規劃。

在這篇文章中,咱們將會討論卡片規劃的崛起:為何它們有用,它們怎么習氣于呼應規劃和material design,在將來又會發作啥?

啥是抽屜式規劃?深圳網絡公司

為了了解抽屜式規劃,你首先得先了解卡片是啥。

一個卡片具有屬于自個的信息。一張卡片能包括一切信息 — 視覺、文本、連接等等— 可是一切這些內容都是一張卡片里邊的內容。

這種獨立填滿全部屏幕抽屜式展現信息的方法 被Guardian 叫做“抽屜方式”。它讓用戶愈加直接清晰的看到全部界面,也有利于用戶迅速的尋覓他們需要的信息。(最主要的是,這種方法可以有利于咱們自個操控,下面的文章我會解說為何。)

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

Trello 能讓用戶創立他們自個想要的任何卡片列表。一切人都能創立“to-do”卡片 ,一起可以按照自個的需要進行分類。

Trello不只讓卡片具有靈敏性,并且還能被用戶隨意擺放。Trello的成功是因為相較于傳統列表式規劃,它讓用戶感受很簡略。

UI卡片在移動端和呼應式規劃中的運用

正如上文說到的,卡片為呼應式結構供給了超卓的兼容性,因為一些像Des Traynor把他叫做“頁面的將來

這種規劃可以在移動端隨意極好的變換。

首先,它可以自個拓展或許縮短去習氣任何屏幕的尺度。規劃師可以很靈敏的操控卡片的份額(幾組卡片可以十分好的習氣互相)。例如,你可以規劃固定的寬度和共同的距離來習氣可變化的高度。

留意他們兩個的文本信息、圖畫和色彩的個性都是共同的。卡片規劃讓用戶在不相同的設備上有共同性的體會。網絡公司

你可以看到這個優勢在UXPin的e-book里邊被使用。留意他們從移動端到全屏的界面是十分清晰的。

另外一個優勢是怎么讓卡片習氣大家手指操作。在觸屏上,操作它就像按動一個按鈕相同不需要花費多少精力。這個主意很簡略:點擊卡片,讓它與內容交互。

像菲茨定律習氣于頁面規劃展現那樣,點擊區域越大就越簡單互相作用。還記得咱們有多少次掙扎在移動設備上點擊一些文本連接么?

卡片和Material Design

Material Design很依靠卡片式規劃,卡片描繪在Material Design指南里值得你去尋覓一個好的解說。

卡片規劃的將來

卡片規劃方式不斷的重塑自身以習氣新的應戰,而呼應式和移動端或許會受最大的影響。就像2015&2016頁面規劃趨勢 描繪的那樣,這種規劃盛行的改動是因為 Material Design 在安卓系統里邊的運用。

1.技能

卡片不也許永遠是靜態的。跟著網絡功能的進步,也可以支撐更豐厚的多媒體內容。你也許會看到更多細節的元素,比方主動更新內容可是不會影響全部用戶體會。

視頻能更換圖片(規劃師考慮這個疑問很多年了)或許會變得很盛行。Use Your Interface(上圖),這些GIF動畫功能讓全部頁面體會十分愉悅。

2.深度的交互

在不久的將來,卡片或許可以變得愈加的有構思。就像咱們看見 Material Design,它十分依靠自己的交互,跟著主動排序和實時更新等功能的更新(比方天氣預報)。

Windows手機里邊現已開端運用卡片式主動分類方法,很有也許別的移動手機也會運用這種方法。

3.尺度

圖片并排的規劃趨勢,也讓卡片十分好的運用大尺度屏幕。

大卡片上能規劃更多的細節和雜亂的字體,它從視覺上讓用戶感受很舒暢。巨細卡片替換的時分,大卡片在視覺上更讓人感受舒暢。

Arkitekter(如上圖)是如何運用大尺度和中等尺度作為信息規劃的。有些卡片有連接,有些卡片是靜態的信息。巨細不相同的卡片出現方法,讓全部頁面更有呼吸感。

4.可穿戴的

多虧了google眼鏡,它讓卡片的UI規劃在穿戴設備上奠定了根底。

盡管有很多人以為google眼鏡會失敗,可是也有一部分人以為它有商場。不管如何,穿戴設備的UI規劃必須要極好的使用空間來規劃,而卡片規劃是它最有用的挑選。

關鍵

在一切的前言和設備上,卡片規劃現已成為規劃常用的一種方法。他們當前的方式也許會跟著技能的開展有所改動,可是他們確實是存在的。

究竟,這些規劃并不是一個表格。別忘了,在不久前卡片僅僅一張包括內容的紙片罷了。


注:本文來自深一集團原創或轉截 http://www.axeux.com/newslist_6016_5.html 如需轉載,請注明出處!
深一網絡公司專注設計13年
全國網站建設
深一云服務器深一云服務器
高性能,高安全
網絡公司拒絕不當利
崇尚野蠻生長
500強企業網500強企業網
站建設供應商
10000家客戶案例10000家客戶案
實力說服力
83位技術團隊83位技術團隊
服務高保障
深一只做有排名網站只做有排名
有價值的網站
200人服務團隊200人服務團隊
追求客戶滿意
网球冠军数排名 比分网 黑彩票平台 平安票秒速时时 单机捕鱼达人4破解版 一分pk拾全天免费计划 立博平台 重庆时时彩软件 360重庆时时彩 五星国际app pk10官网开奖8197771 重庆时时彩直播 365彩票手机app下载