• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>
    1. <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>

      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av

      首頁

      表格的UI交互模式指南

      藍藍設(shè)計的小編

      許多人都認同這樣一個現(xiàn)象:表格雖然是用戶界面設(shè)計中的一個重要部分,但是它們卻經(jīng)常會被忽視。表格應(yīng)該顯示讓用戶更易讀,更易掃視,更易比較的結(jié)構(gòu)化數(shù)據(jù),但在很多情況下,表格數(shù)據(jù)卻顯得模糊不清。這就是很多人不喜歡表格的原因。

      用戶的日常工作經(jīng)常使用表格,但是誰會需要讓他們崩潰的東西呢。要改變這樣的現(xiàn)狀,下面給出一些使表格易用的指南。


      行交替樣式Alternating rows styling

      這是很明顯的,但是事實如此嗎?看看今天的WEB應(yīng)用,你就會發(fā)現(xiàn)很多并不適用。因此,行交替樣式并不明顯,這就是把他列為第一個來闡述的原因。

      在數(shù)據(jù)較多的多行多列表格里用不同樣式交替顯示不同的行,這會提高用戶區(qū)分數(shù)據(jù)的能力。可以采用背景色或者背景圖片,如果采用背景色,背景顏色應(yīng)該比頁面顏色淺或者深一點。圖像背景應(yīng)該選擇和符合整體配色方案的圖片。也可以把背景色和背景圖組合應(yīng)用于表格邊框。表格的header和footer部分應(yīng)該易于識別,可以采用比表格行深或者淺的顏色。

       

      BlinkCampaign的表格行采用了淺一點的亮綠色,header采用了稍微暗一點的綠色。

       點擊查看原圖

      15個優(yōu)秀的互聯(lián)網(wǎng)應(yīng)用表單設(shè)計

      藍藍設(shè)計的小編

      從某種意義上來說,的確如此。一個好的表格應(yīng)該以易于理解,簡單明了的方式傳遞大量的信息。真正的重點應(yīng)該 放在信息上, 對表格的過度設(shè)計會抵消這種作用。從另一方面來說,巧妙的設(shè)計不僅可以使一個表格更具吸引力, 而且可以增加可讀性。 

      今天我們來看看提升表格功能和美觀的幾種方式。我們經(jīng)常會在網(wǎng)上的價格頁上看到表格的應(yīng)用,因此主要以該種表 單為例。請記住這些原則可以應(yīng)用到任意類型的信息列表上(不僅限于 <table> ). 

       

      垂直,水平或矩陣?Vertical, Horizontal or Matrix?

      一如以往,我們從最明顯的地方開始。第一步是決定表格的整體結(jié)構(gòu)。結(jié)構(gòu)取決于呈現(xiàn)數(shù)據(jù)的類型和復(fù)雜性。選擇 垂直的列還是水平行,通常取決于個人偏好。大致規(guī)劃下表單的內(nèi)容,然后決定采取哪種方法能更好地傳遞信息。很顯然,如果信息包含多變量,那么選擇矩陣來表示。下面分別以幾個簡單案例來開始。

      垂直

      點擊查看原圖

      ArcGIS界面欣賞:國外gis界面設(shè)計欣賞截圖

      藍藍設(shè)計的小編

      因為給中興通公司設(shè)計相關(guān)gis界面,藍藍收集的Flex生成的,arcgis界面截圖。藍藍設(shè)計更多gis案例見http://www.wtxcl.cn/bs.html。

      設(shè)計新用戶引導(dǎo)頁的一些思路

      藍藍設(shè)計的小編

      一個新的網(wǎng)絡(luò)產(chǎn)品,或者一個全新的功能要想吸引用戶的使用興趣,就需要讓用戶在剛一接觸到的時候能夠快速地了解它是什么,能做些什么,并且能馬上開始一些簡單的操作。如果看了很久還沒弄明白這些,那么很可能就徹底放棄了。

      所以,設(shè)計新手用戶引導(dǎo),就是設(shè)計用戶前一、兩次使用產(chǎn)品時的體驗,設(shè)計目標(biāo)是讓新手用戶快速、無痛苦地成為中間用戶。

      Google HTML5 訓(xùn)練營

      藍藍設(shè)計的小編

      先簡單介紹一下這個訓(xùn)練營的活動流程:
         1:00 – 1:30 注冊
         1:30 – 2:30 HTML5 技術(shù)剖析
         技術(shù)講座1 —— Google 工程師
         技術(shù)講座2 —— 特邀嘉賓(李靖威、李繼成,就職于人人網(wǎng))
         2:30 – 3:00 宣布競賽規(guī)則,開始組隊
         3:00 – 6:30 作品創(chuàng)作 / 提交
         6:30 – 7:00 作品展示
         7:00 – 7:30 評獎、頒獎

        講座部分,先是Google工程師寒蕊MM跟我們分享了些HTML5的新技術(shù)概況,其中大致包括:sessionStorage localStorage Web SQL DateBase Indexed DB ,寒蕊MM還專門寫了篇關(guān)于IndexedDB的文章《客戶端數(shù)據(jù)存儲》 ,文章用實例的方式講了Web Storage(localStorage)、Web SQL Database 和 Indexed Database的用法。

        其中Web SQL Database雖是HTML5的技術(shù),但由于某些原因,W3C組織(Web Applications Working Group)已不再維護這項技術(shù),也就是說雖然目前Chrome、FireFox新版本瀏覽器支持這項技術(shù),但不一定未來的版本還會支持。以下為w3c官網(wǎng)的聲明:

      iBooks發(fā)布首次重大更新,有啥新功能?

      藍藍設(shè)計的小編

      21日,蘋果公司對iBooks進行了第一次重大更新,發(fā)布了iBooks 1.1版。新版iBooks提供了許多改進的新功能。一起來看看是哪些功能吧:iBooks 1.1版提供了紅色書簽功能

      精選31個網(wǎng)站界面設(shè)計實踐教程

      藍藍設(shè)計的小編

      為網(wǎng)站創(chuàng)建有效的導(dǎo)航對于網(wǎng)站瀏覽者的瀏覽及導(dǎo)航起到至關(guān)重要的作用。我們?yōu)槟x了以下時尚且簡單的導(dǎo)航設(shè)計教程,當(dāng)您掌握這些教程之后,進行各種調(diào)節(jié)及變化將變得非常容易。

      1. Retro Dark Blue Header Design

      教您如何設(shè)計一個深藍色復(fù)古圓角網(wǎng)站頁頭。

      網(wǎng)頁-設(shè)計-教程

      2. Wii Web Header

        教您如何設(shè)計一個WII風(fēng)格的網(wǎng)站頁頭。

      日歷

      鏈接

      個人資料

      藍藍設(shè)計的小編 http://www.wtxcl.cn

      存檔

      主站蜘蛛池模板: AV黄色网址| 精品欧美高清vivoesosex| 兴安县| 亚洲成av人片大线观看| 国产熟女精品视频大全| 乱子伦av无码中文字幕| 中文字幕亚洲有码| 免费国产在线精品一区| 免费看无码网站成人A片| 亚卅精品| 国模无码人体一区二区| 叙永县| 亚洲精品国产日韩| 亚洲区视频| 亚洲专区久久| 久久精品国产精品亚洲蜜月| 久久综合激情| 亚洲最大成人网站| 爱豆传媒午夜福利| 亚洲综合精品伊人久久| 南开区| 粉嫩aⅴ一区二区三区| 蜜臀久久99精品久久久久久牛牛| 午夜影院黄| 亚洲AV无码乱码在线观看性色| 黄页网址大全免费观看视频国产 | 影音先锋成人资源| 97香蕉碰碰人妻国产欧美| 丰满熟女人妻中文字幕免费| 国产二级一片内射视频插放| 专区国产无码| 国产制服丝袜在线视频观看| 嫩草院一区二区三区无码| 黑人无码av| 精品人妻潮喷久久久又裸又黄| 本道无码一区二区久久激情| 西昌市| 抚远县| 亚洲综合乱| 污污网站不卡| 五月天淫淫网|