使用天數:469天
Lau Si Ting
博客簡介

zikei's blog description

最新文章
熱門文章
推薦該博客文章
  • 35127
    累積瀏覽量
熱門文章
  • 卡片式設計系一個唔錯嘅選擇,需要對唔同嘅聲氣進行整合,提高用戶聲氣獲取速度,減少用戶思考時間時,卡片式設計系一個唔錯嘅選擇。但設計系爲了解決問題,如果因爲設計而設計,強行使用卡片式,可能會得到相反嘅效果 一、卡片設計系乜嘢 1 如上圖,顧名思義:把包含圖片或文本聲氣嘅方塊矩形作爲可交互聲氣入口(如點擊之後進入詳情頁或進入某個功能模塊),UI 呈現形式類似卡片嘅設計形態。 喺傳統嘅聲氣集合設計中,人們往往先劃定一個內容區域框架,再往框架內填充內容;而卡片設計則系以內容爲核心,框架向內容妥協。喺卡片式設計中,往往系先定好界面上應顯示乜嘢內容,言之後再按照內容嘅呈現優先級進行排序,怕者交由用戶進行排序,比如windows phone 手機: 二、卡片設計有乜嘢好處 (1)卡片具有良好嘅隱喻效果 現實生活中有各種各樣嘅卡片形態唔斷教育著我哋對卡片嘅認知(公仔面中嘅水浒人物卡片、商

     

    zikei 35,127

  • PPT中嘅卡片式設計其實情很早之前就出現了,它憑借簡單就手又充滿邏輯嘅特性,受歡迎程度也系越來越高。 宜家卡片式設計大多被用于移動端嘅UI設計,我哋浏覽各個設計網站時,80%嘅網站設計都系卡片式風格。卡片式設計長乜嘢樣呢?來睇一組圖: 睇完這4張圖之後,相信大家對卡片式設計有了實行嘅識得。 簡單來說,卡片式設計就系將“卡片”置于一個圖片或形狀背景上,通常會給卡片添加陰影,使頁面有立體效果。 複雜來說,卡片式設計系我哋喺各個網站/APP中常常見到嘅承載住圖片、文字等內容嘅矩形區塊,它系交互聲氣嘅承載體,通常以直角矩形或圓角矩形嘅方式呈現。 ▲ UI 交互 ▲ 網站排版 生活中處處可見卡片,諸如:銀行卡、身份證、交通卡等等。咁,卡片式設計喺PPT中點應用呢?其實跟網站設計相差無幾。 1 封面 這系上海家化(六神花露水)嘅PPT,封面采用卡片式設計,使

     

    zikei 35,127

  • 說明:喜歡翻譯國外交互設計體驗設計網站優秀文章案例,僅供互相學習探討,翻譯有版權,表述包含譯者個人理解,如有錯誤,請多指正~ 原文作者:Nick Babich 原文地址鏈接:https://link.zhihu.com/?target=https%3A//www.smashingmagazine.com/2016/10/designing-card-based-user-interfaces/ 前言 PC網頁和移動APP正在從頁面過渡到完全的個性化的體驗。這種新體驗建立在許多獨立內容的集合之上。而這些獨立內容的展現方式就是卡片式設計。 在這篇文章裡,作者會闡述卡片式設計對於UI設計師來說意味著甚麼,並且來審視一下三種流行的卡片式設計的項目案例。 本文分為四個部分: •甚麼是卡片設計 •卡片式設計的優點 •好的卡片式設計案例 &b

     

    zikei 35,127