<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 首頁

    10款適合設計人士使用的Web APP

    藍藍設計的小編

    自從iPhone、iPad風靡了大街小巷,各種層出不窮的App誕生,吸引著無數用戶的眼球。在App鋪天蓋地的今天,用戶可以根據自己的喜好與需求,找到適合自己的。在這里,我們為廣大設計人士搜羅了10款基于web端的App,無需iPhone或是iPad,也無需額外的軟件或插件,只要一個瀏覽器即可使用。下列10款即實用又省時的App,將有助于您創建更好的財務支票清單、更有效地錄制視頻,或者在您下一個項目制作過程中為您推薦更心儀的色彩組合方案。

    iPad變身筆記本——30款商務及演示應用

    藍藍設計的小編

    蘋果在三個月中已經售出了100萬臺iPad,這東西顯然不僅僅是一個放大版的iPhone或者iPod touch,擁有四倍于iPhone的屏幕,iPad更適合于閱讀和播放展示文件。

    ipad business & presentation apps

    什么影響了表格的可用性?

    藍藍設計的小編

    閱讀瞬間發生了什么?
           當閱讀行為發生時,如果能進入人腦,你會發現復雜的處理過程在瞬間發生。所以在談論設計之前,讓我們先來看看閱讀表格時,人的大腦都會處理哪些任務。

    ?    閱讀標題 :用戶在閱讀表格時通常會簡單略過行或列的表頭。
    ?    通讀全篇 :用戶也許會先花時間掃描全篇,了解表格的整體結構,數據分類以及復雜性。
    ?    視覺搜索 :為了找到數據,用戶會順著一行或者一列直到發現交叉點的有用信息,當用戶對表格的結構熟悉,或者上下文的表格結構相同的時候,視覺搜索會更迅速的完成。
    ?    信息提取 :找到目標數據后,用戶就從表中提取了一條基本信息。
    ?    理解 :用戶傾向用他們已有的知識去理解已從表格中獲取的信息。
    ?    確定類別和趨勢 :用戶會從感知層面對相似的數據進行歸類并尋找變化趨勢。
    ?    比較 :用戶將會比較數據,并發現規律。
    ?    推斷 :為了更深層次的理解數據變化,用戶往往會推斷一些結論
    ?    解釋 :用戶將會從自身的知識庫中提取信息,來解釋數據的意義。
    ?    回憶 :用戶會需要記住表格中的一些信息,以便在將來使用這些信息。
    ?    決策 :用戶會以他們對數據含義的解釋為基礎,進行相關決策。

     

    表格的UI交互模式指南

    藍藍設計的小編

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

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


    行交替樣式Alternating rows styling

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

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

     

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

     點擊查看原圖

    15個優秀的互聯網應用表單設計

    藍藍設計的小編

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

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

     

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

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

    垂直

    點擊查看原圖

    ArcGIS界面欣賞:國外gis界面設計欣賞截圖

    藍藍設計的小編

    因為給中興通公司設計相關gis界面,藍藍收集的Flex生成的,arcgis界面截圖。藍藍設計更多gis案例見http://www.skdbbs.com/bs.html。

    設計新用戶引導頁的一些思路

    藍藍設計的小編

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

    所以,設計新手用戶引導,就是設計用戶前一、兩次使用產品時的體驗,設計目標是讓新手用戶快速、無痛苦地成為中間用戶。

    Google HTML5 訓練營

    藍藍設計的小編

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

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

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

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://www.skdbbs.com

    存檔

    主站蜘蛛池模板: 97久视频精品视频在线老司机 | 99热这里只有精品在线| 91亚洲精品自在在线观看| 精品亚洲国产成AV人片传媒| 欧美精品三区| 国产精品麻豆入口| 国产精品久久自在自线观看| 无码精品久久久久久人妻中字| 久久亚洲国产成人精品无码区| 久久精品国产99国产电影网| 欧洲成人午夜精品无码区久久| 青青久久精品国产免费看| 国产欧美精品区一区二区三区| 精品国产自在在线在线观看 | 亚洲精品无码Av人在线观看国产 | 国产精品99在线播放| 久久99国产精品二区不卡| 国产网红无码精品视频| 日韩精品无码久久久久久| 亚洲欧美精品AAAAAA片| 日本精品一区二区久久久| 精品人妻无码专区中文字幕| 高清在线国产午夜精品| 91精品国产91久久久久久青草| 国产精品久久久久久| 99精品国产在热久久| 久久久久人妻一区精品色| 亚洲精品乱码久久久久66| 亚洲精品国产日韩无码AV永久免费网 | 四虎精品8848ys一区二区| 精品精品国产高清a毛片牛牛| 2020国产精品| 国产高清在线精品二区一| 国产精品影音先锋| 麻豆精品久久精品色综合| 色综合久久综精品| 中文字幕亚洲精品资源网| 国产精品粉嫩美女在线观看| 国产精品高清免费网站| 久久乐国产精品亚洲综合| 日韩一区二区三区在线精品|