<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點和您一起共享

    復(fù)雜頁面視覺設(shè)計:組織良好的各組按鈕發(fā)布者:本站     時間:2020-05-23 11:05:02

    快告訴用戶有哪些功能可以使用。

    幾個按鈕放在一起,因為它們可能完成類似的功能。我們可以看范例iTunes的主窗口,四個角分別放置了一組按鈕,界面中間的歌曲也有很多的行動點。加上滾動條,該界面只有有14個按鈕。確實有很多的功能,不過因為視覺上和語言上的巧妙組合,并不會給用戶很亂的感覺。

    制定“阿里助手”視覺規(guī)范的時候運用的就是視覺相似性歸類,假若這組按鈕大小都一致,那么看起來就是一個整體,合適的大小和對齊可以幫助一組按鈕組成一個大一些的組合圖形。

    分組按照按鈕的功能來分,設(shè)計上以顏色,大小來區(qū)分,為了頁面的整體性,質(zhì)感我們都保持一致的。用簡短而又含義明確的動詞或者動詞短語作為標(biāo)簽,如果用戶不需要的時候不要使用高深的專門用語。以后臺頁面的按鈕為例,一級按鈕和二級按鈕尺寸大小規(guī)格都是一致的,只要就是以顏色來區(qū)分(整張頁面中橙色的按鈕至多出現(xiàn)一個)。



    選擇我們,優(yōu)質(zhì)服務(wù),不容錯過
    1. 優(yōu)秀的網(wǎng)絡(luò)資源,強大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設(shè)經(jīng)驗,優(yōu)秀的技術(shù)和設(shè)計水平,更放心
    3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
    ------------------------------------------------------------
    24小時聯(lián)系電話:021-58370032
    關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>