杏吧app下载，关婷娜被揉胸视频直播，杏吧之春暖花开有你

array(23) {
  ["id"] => string(2) "96"
  ["siteid"] => string(1) "1"
  ["type"] => string(1) "1"
  ["m_id"] => string(1) "0"
  ["p_id"] => string(1) "0"
  ["name"] => string(6) "服務(wù)"
  ["thumb"] => string(63) "/modules/cms/uploads/recommend/2018/05/15/05797102164099283.png"
  ["image"] => string(0) ""
  ["desc"] => string(0) ""
  ["pdir"] => string(0) ""
  ["dir"] => string(7) "service"
  ["url"] => string(0) ""
  ["setting"] => array(15) {
    ["is_html"] => int(1)
    ["content_is_html"] => int(0)
    ["urlrule"] => int(1)
    ["contenturlrule"] => int(0)
    ["meta_title"] => string(88) "定制開發(fā)-APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_keywords"] => string(75) "APP定制開發(fā),微信定制開發(fā),小程序定制開發(fā),網(wǎng)站定制開發(fā)"
    ["meta_description"] => string(0) ""
    ["category_template"] => string(0) ""
    ["list_template"] => string(0) ""
    ["show_template"] => string(21) "show_page_dingzhi.tpl"
    ["formid"] => string(0) ""
    ["url"] => string(0) ""
    ["target"] => string(0) ""
    ["pri_grade_visit"] => array(0) {
    }
    ["pri_grade_add"] => array(0) {
    }
  }
  ["order"] => string(1) "1"
  ["sethtml"] => string(1) "0"
  ["stat"] => string(1) "2"
  ["flowid"] => string(1) "0"
  ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2018/05/25/05805654599261264.jpg"
  ["page_num"] => string(1) "0"
  ["wxstat"] => string(1) "0"
  ["scope"] => string(0) ""
  ["modelname"] => NULL
  ["son"] => array(9) {
    [0] => array(22) {
      ["id"] => string(3) "187"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "小程序開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(112) "專業(yè)微信小程序解決方案|各種場景核心功能，提前布局微信新生態(tài)，搶占第一波紅利"
      ["pdir"] => string(0) ""
      ["dir"] => string(6) "wechat"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(107) "小程序_商城小程序_門店小程序_微圈小程序_餐飲小程序開發(fā)-藝源科技小程序開發(fā)"
        ["meta_keywords"] => string(103) "小程序開發(fā),商城小程序開發(fā),門店小程序開發(fā),微圈小程序開發(fā),餐飲小程序開發(fā)"
        ["meta_description"] => string(269) "專注提供專注提供小程序、商城小程序、門店小程序、微圈小程序、餐飲小程序開發(fā)，專業(yè)團(tuán)隊(duì),一對一服務(wù),助企業(yè)快速生成自己的移動(dòng)端微商城平臺(tái). 藝源科技小程序采用高性能數(shù)據(jù)架構(gòu),系統(tǒng)穩(wěn)定安全。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_xcx.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "0"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "1"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [1] => array(22) {
      ["id"] => string(3) "199"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "APP開發(fā)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "APP"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(65) "app開發(fā)_app定制開發(fā)_app制作開發(fā)公司【藝源科技】"
        ["meta_keywords"] => string(53) "app開發(fā),app定制開發(fā)公司,app制作開發(fā)公司"
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_app.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "1"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [2] => array(22) {
      ["id"] => string(3) "244"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "快抖霸屏"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "kuaidou"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(71) "快抖霸屏_抖音快手霸屏_短視頻營銷獲客技術(shù)提供商！"
        ["meta_keywords"] => string(69) "快抖霸屏,抖音快手霸屏,快抖短視頻搜索,同城爆店碼"
        ["meta_description"] => string(161) "藝源智能云推廣系統(tǒng)13325455411專注快抖霸屏,抖音快手霸屏,同城爆店碼,一款線下與線上流量緊密結(jié)合的營銷爆客解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(20) "show_page_douyin.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "2"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(27) "需要短視頻推廣排名"
      ["modelname"] => NULL
    }
    [3] => array(22) {
      ["id"] => string(3) "207"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(14) "AI智能名片"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/07/04/06155550417466502.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(2) "ai"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(68) "藝源AI智能名片_名片小程序_智能名片_讓銷售更簡單"
        ["meta_keywords"] => string(97) "藝源AI智能名片,名片小程序,智能名片_讓銷售更簡單,電子名片,二維碼名片"
        ["meta_description"] => string(184) "藝源AI智能名片-讓銷售更簡單。藝源AI智能名片為企業(yè)提供名片小程序,智能名片,企業(yè)名片,小程序名片,電子名片,二維碼名片等相關(guān)的服務(wù)。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(16) "show_page_ai.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "3"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [4] => array(22) {
      ["id"] => string(3) "201"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "版權(quán)登記"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814062280145708.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "copyright"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_copyright.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "4"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/04/06814063838873717.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [5] => array(22) {
      ["id"] => string(3) "203"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "商標(biāo)注冊"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813359170749750.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(9) "trademark"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(131) "商標(biāo)注冊_商標(biāo)注冊流程_商標(biāo)注冊流程及費(fèi)用_西安商標(biāo)注冊_西安商標(biāo)注冊代理-「源知果」藝源科技"
        ["meta_keywords"] => string(103) "商標(biāo)注冊,商標(biāo)注冊流程,商標(biāo)注冊流程及費(fèi)用,西安商標(biāo)注冊,西安商標(biāo)注冊代理"
        ["meta_description"] => string(182) "「源知果」西安提供代理版權(quán)登記，代理商標(biāo)注冊，代理專利申請，代理企業(yè)貫標(biāo)，代理高新技術(shù)企業(yè)認(rèn)定的服務(wù)；咨詢電話：13325455411。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(23) "show_page_trademark.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "5"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/11/06135617157272716.png"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [6] => array(22) {
      ["id"] => string(3) "205"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(12) "網(wǎng)站建設(shè)"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2019/06/21/06144566585327511.jpg"
      ["desc"] => string(149) "節(jié)約IT成本/降低運(yùn)維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款|節(jié)約IT成本/降低運(yùn)維成本/網(wǎng)站安全穩(wěn)定/不滿意全額退款"
      ["pdir"] => string(0) ""
      ["dir"] => string(7) "website"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(80) "西安商城網(wǎng)站建設(shè)_政府網(wǎng)站建設(shè)_學(xué)校網(wǎng)站建設(shè)就選藝源科技"
        ["meta_keywords"] => string(113) "西安網(wǎng)站建設(shè),西安網(wǎng)絡(luò)公司,西安網(wǎng)頁設(shè)計(jì),商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)"
        ["meta_description"] => string(248) "「藝源科技」是西安一家專業(yè)的西安商城網(wǎng)站建設(shè),政府網(wǎng)站建設(shè),學(xué)校網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司，咨詢電話:029-88810146/150 9401 9029。公司擁有10年實(shí)踐經(jīng)驗(yàn),為您提供一條龍的互聯(lián)網(wǎng)應(yīng)用解決方案。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(21) "show_page_website.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "6"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2019/06/24/06146855992801864.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [7] => array(22) {
      ["id"] => string(3) "208"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "2"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(15) "云服務(wù)平臺(tái)"
      ["thumb"] => string(0) ""
      ["image"] => string(0) ""
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(0) ""
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(0)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(0)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(0) ""
        ["meta_keywords"] => string(0) ""
        ["meta_description"] => string(0) ""
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(0) ""
        ["formid"] => string(0) ""
        ["url"] => string(21) "http://www.qulvkj.com"
        ["target"] => string(6) "_blank"
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "7"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(0) ""
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
    [8] => array(22) {
      ["id"] => string(3) "202"
      ["siteid"] => string(1) "1"
      ["type"] => string(1) "1"
      ["m_id"] => string(1) "0"
      ["p_id"] => string(2) "96"
      ["name"] => string(9) "SEO優(yōu)化"
      ["thumb"] => string(0) ""
      ["image"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813061683398516.jpg"
      ["desc"] => string(0) ""
      ["pdir"] => string(0) ""
      ["dir"] => string(3) "seo"
      ["url"] => string(0) ""
      ["setting"] => array(15) {
        ["is_html"] => int(1)
        ["content_is_html"] => int(0)
        ["urlrule"] => int(1)
        ["contenturlrule"] => int(0)
        ["meta_title"] => string(90) "【西安SEO優(yōu)化_西安網(wǎng)站優(yōu)化_關(guān)鍵詞排名優(yōu)化】-SEO優(yōu)化公司藝源科技"
        ["meta_keywords"] => string(81) "西安SEO優(yōu)化,西安SEO優(yōu)化公司,西安網(wǎng)站優(yōu)化,西安網(wǎng)站優(yōu)化公司"
        ["meta_description"] => string(244) "藝源科技（yysweb.com）,專注為企業(yè)提供百度等搜索引擎整站SEO優(yōu)化服務(wù),針對不同行業(yè)、網(wǎng)站情況給出不同策略、報(bào)價(jià)和SEO建議;是您值得信賴的seo診斷、顧問咨詢等云SEO技術(shù)服務(wù)外包商。"
        ["category_template"] => string(0) ""
        ["list_template"] => string(0) ""
        ["show_template"] => string(17) "show_page_seo.tpl"
        ["formid"] => string(0) ""
        ["url"] => string(0) ""
        ["target"] => string(0) ""
        ["pri_grade_visit"] => array(0) {
        }
        ["pri_grade_add"] => array(0) {
        }
      }
      ["order"] => string(1) "8"
      ["sethtml"] => string(1) "0"
      ["stat"] => string(1) "2"
      ["flowid"] => string(1) "0"
      ["image_mo"] => string(63) "/modules/cms/uploads/recommend/2021/08/03/06813062712033401.jpg"
      ["page_num"] => string(1) "0"
      ["wxstat"] => string(1) "0"
      ["scope"] => string(0) ""
      ["modelname"] => NULL
    }
  }
}
當(dāng)前位置： 首頁 > 售后 > 藝源智庫
總監(jiān)經(jīng)驗(yàn)！視覺設(shè)計(jì)師必須知道的交互設(shè)計(jì)模式
時(shí)間：2019-11-15 10:04:41
文章發(fā)布：李陽
原創(chuàng)作者：未知
來源：互聯(lián)網(wǎng)

很多人在這個(gè)信息爆炸的移動(dòng)時(shí)代，更想看到一些所謂的「干貨」，干貨到底是什么，可以直接拿來上手的是干貨嗎？還是需要你經(jīng)過判斷和思維轉(zhuǎn)化再處理得到的屬于自己的啟發(fā)？利用本篇交互模式大家可以更好的思考，歸納。

一、為什么學(xué)習(xí)交互設(shè)計(jì)模式？

在 dyj 時(shí)期有一句口號(hào)是：人有多大膽，地有多大產(chǎn)，形容的是人想法有多大，那地的產(chǎn)量就會(huì)多大。雖然這是一種錯(cuò)誤的思想，但是我們可以換個(gè)角度理解：你腦中的知識(shí)和經(jīng)驗(yàn)越多，你就能在更多的場景中運(yùn)用自如。所以我們需要積累我們腦中的知識(shí)池子——庫。當(dāng)我們有了一定的思維方式之后，我們需要依靠腦中的知識(shí)、經(jīng)驗(yàn)來幫助我們做專業(yè)的事情。

  • 如你想成為專業(yè)的木匠，那你一定要知道不同的手法和不同的工具能夠刻畫成千上萬種不同的紋路、物件，需要日積月累。

  • 如果你要成為專業(yè)的倫敦「的哥」，那你要完全熟悉，市中心半徑2.5公里范圍內(nèi)，超過2500條街區(qū)的道路，能夠到達(dá)客戶想要去的任何一個(gè)在此范圍內(nèi)的角落。

  • 如果你要成為資深的設(shè)計(jì)師，那你就要知道非常多的模式和形式，一般我們稱交互模式，和視覺形式。只有當(dāng)你積累足夠多不同的案例經(jīng)驗(yàn)之后，你才能夠成為專業(yè)的行家。

二、什么是交互設(shè)計(jì)模式

Alan Cooper 在 about face4 中是這么解釋的：交互設(shè)計(jì)模式是捕捉有效設(shè)計(jì)方案，并將其應(yīng)用于類似問題的方法，嘗試將設(shè)計(jì)理論形式化。強(qiáng)調(diào)的是設(shè)計(jì)問題的解決方法。

我們在日常使用產(chǎn)品的過程中經(jīng)常會(huì)接觸到一些基礎(chǔ)的單元，我們稱之為交互單元，研究過開發(fā)者指南的朋友肯定知道，iOS 和安卓會(huì)一些樣式有區(qū)別，但是功能相同的交互單元，比如開關(guān)、選擇器、對話框等。

總監(jiān)經(jīng)驗(yàn)！視覺設(shè)計(jì)師必須知道的交互設(shè)計(jì)模式-藝源科技

也有同樣的手勢操作規(guī)范：點(diǎn)擊、滑動(dòng)、長按等，由這些交互單元組合成更大的交互單元。

總監(jiān)經(jīng)驗(yàn)！視覺設(shè)計(jì)師必須知道的交互設(shè)計(jì)模式-藝源科技

比如點(diǎn)擊某個(gè)圖標(biāo)，頁面底部滑出一個(gè)組件 Action Sheet（動(dòng)作菜單/動(dòng)作面板/行動(dòng)列表），按鈕是基本單元，而 Action Sheet 則是一個(gè)復(fù)合單元。這些許許多多的交互單元通過不同的形式和結(jié)構(gòu)組成了更多不同的復(fù)合單元，以便于滿足不同的用戶、任務(wù)、需求、情境、操作以及反饋。

三、交互設(shè)計(jì)模式如何使用

在使用之前，我們先思考以下幾個(gè)問題：

  • 我的設(shè)計(jì)背景是什么，選擇那種交互設(shè)計(jì)模式適合當(dāng)前場景、任務(wù)或者流程？

  • 這個(gè)交互設(shè)計(jì)模式有幾種不同的形式，能承載哪些不同的內(nèi)容？

  • 該交互模式的局限性是什么？

  • 該交互模式是否在產(chǎn)品其他地方使用過？在什么情境下？需要做相應(yīng)調(diào)整嗎？

以下進(jìn)行三個(gè)案例進(jìn)行分析。

案例1：Action Sheet

總監(jiān)經(jīng)驗(yàn)！視覺設(shè)計(jì)師必須知道的交互設(shè)計(jì)模式-藝源科技

  • 移動(dòng)設(shè)備的屏幕可以說是寸土寸金，所以 action sheet 為了承載更多內(nèi)容，并減少對用戶的干擾，它呈現(xiàn)了與當(dāng)前頁面相關(guān)的部分操作和內(nèi)容。用戶能夠通過點(diǎn)擊按鈕喚出該控件。

  • 一般選項(xiàng)較少時(shí)，我們選擇列表形式，選項(xiàng)較多時(shí)為了避免列表滾動(dòng)造成的誤操作建議選擇宮格形式。要注意的是 action sheet 這個(gè)組件只可支持點(diǎn)擊立即跳轉(zhuǎn)的交互，并不支持輸入，也不能用在表單中。

  • 它能防止用戶誤操作。

  • 其實(shí)安卓也有類似的控件，但是他沒有取消按鈕，因?yàn)榘沧坑形锢矸祷匕粹o，同時(shí) iOS 有些應(yīng)用在使用的過程中，也沒有將取消按鈕放在底部，甚至有些在右上角放置了一個(gè)關(guān)閉按鈕。

  • 它經(jīng)常被各種軟件進(jìn)行自定義控件設(shè)計(jì)，但是該交互模式無法承載太多內(nèi)容，因?yàn)楸旧砭褪菫榱俗層脩艨焖賹Ξ?dāng)前頁面進(jìn)行額外的操作，所賦予作用。

案例2：圖標(biāo)按鈕

總監(jiān)經(jīng)驗(yàn)！視覺設(shè)計(jì)師必須知道的交互設(shè)計(jì)模式-藝源科技

第一張和第二張界面長得非常相似的控件，都是通過右上角一個(gè)功能圖標(biāo)通過點(diǎn)擊行為后觸發(fā)的。那么為什么要把那么多信息都集成到一個(gè)入口，是因?yàn)槿绻畔⒃趩蝹€(gè)頁面承載過多會(huì)導(dǎo)致許多問題：目標(biāo)不明確，用戶決策成本高，頁面結(jié)構(gòu)混亂等等。所以為了解決該問題，這里應(yīng)運(yùn)而生的使用了該交互模式。

那么問題又來了，這樣的交互模式針對的問題太寬泛，難道什么東西都可以往里塞嗎？我的集成入口只能放在固定的位置嗎？為什么有的有取消按鈕，有的卻沒有呢等等。

所以交互設(shè)計(jì)模式也會(huì)出現(xiàn)這些情況：

  • 相同的功能圖標(biāo)可能發(fā)生不同的交互行為和信息展示。

  • 即便不同的功能圖標(biāo)，承載的信息也可能是相似的。

  • 圖標(biāo)的位置、形式以及所觸發(fā)的內(nèi)容是由目標(biāo)所決定的。

  • 根據(jù)內(nèi)容的長度可以考慮隱藏一部分功能，例如取消，用戶心智已可以理解點(diǎn)擊空白取消。

交互模式需要在相應(yīng)的場景或者情境中去，脫離情境的交互模式是不客觀的。你會(huì)發(fā)現(xiàn)我們常說產(chǎn)品有不同的性格和風(fēng)格，那么決定產(chǎn)品的性格基本上是由表現(xiàn)形式和交互模式來共同決定的，交互模式無法像樂高那樣固定的拼湊，而更像是橡皮泥，在一定的規(guī)則下能夠進(jìn)行多樣的使用。

案例3：表單

總監(jiān)經(jīng)驗(yàn)！視覺設(shè)計(jì)師必須知道的交互設(shè)計(jì)模式-藝源科技

我們通常將左側(cè)的下拉表單叫做為「下拉菜單」，那么我們所知道的是：

  • 下拉菜單也是表單的一種。

  • 單行表單可以進(jìn)行拼接，成為一個(gè)列表。

  • 單行表單可能會(huì)有幾種形式：只有左側(cè)有文字；左側(cè)有文字右側(cè)有說明還有箭頭；左側(cè)有標(biāo)題右側(cè)只有箭頭 ；當(dāng)然表單還可以放置 Picker、Segment Control、Radio Button 等控件，還可以有雙行表單等。

  • 表單不僅僅在單個(gè)page上靜態(tài)存在，還可以通過交互行為動(dòng)態(tài)存在。

  • 這樣形式的單行表單不能夠支持左滑刪除。

  • 帶箭頭的表單可以進(jìn)行頁面跳轉(zhuǎn)，但是不能展開此表單。

  • 下拉菜單沒有箭頭，但我們明顯知道，當(dāng)我進(jìn)行點(diǎn)擊后，頁面即將執(zhí)行對此條件進(jìn)行篩選的結(jié)果展示。

  • 如果是一個(gè)好友列表那么安卓長按可以刪除，iOS 左滑可以刪除。

以上是簡單對上圖中的交互模式進(jìn)行一個(gè)分析，兩個(gè)界面中的信息，在形式上非常接近，但是不同的信息組合和結(jié)構(gòu)，產(chǎn)生了不同的產(chǎn)品行為和用戶預(yù)期，為了解決不同的問題而出現(xiàn)的不同的模式。如果我們對這些模式不夠了解，也就無法針對不同的目標(biāo)作出相應(yīng)的反饋。

我知道你生病了，但是我不知道你得了哪種病，我沒辦法醫(yī)治你。

我知道你得了哪種病，但是我不知道給你吃什么藥能讓你康復(fù)。

總結(jié)

越來越多的交互設(shè)計(jì)模式應(yīng)運(yùn)而生，我們需要不斷的去收集，形成自己的經(jīng)驗(yàn)。在不同情境下對交互模式進(jìn)行分類歸納，等需要使用的時(shí)候即使不能快速應(yīng)對也能夠從中找到或者衍生出一些符合當(dāng)前情境的交互設(shè)計(jì)模式。

小程序開發(fā)
標(biāo)簽： 用戶體驗(yàn) 交互設(shè)計(jì)
*版權(quán)申明:本站部分文章由藝源科技收集整理，不代表我們的觀點(diǎn)。如果這篇轉(zhuǎn)載侵犯您的版權(quán)，請及時(shí)聯(lián)系我們刪除！
為您推薦
最新文章
掃碼加他，免費(fèi)獲取方案