視覺技術

隨著 web 發展，前端應用變得越來越複雜，基於後端的 javascript(Node.js) 也開始嶄露頭角，此時 javascript 被寄予了更大的期望，與此同時 javascript MVC 思想也開始流行起來。 javascript 範本引擎作為資料與介面分離工作中最重要一環，越來越受開發者關注，近一年來在開源社區中更是百花齊放，在 Twitter、淘寶網、新浪微博、騰訊QQ空間、騰...

提到工具型網站，我們首先會有個疑問：大千網路網站眾生，究竟什麼樣的網站才算是工具型網站？ 它的特徵是什麼，與其他網站有什麼不同？ 從網上搜索相關資訊，瞭解到關於該名詞的具體解釋並沒有明確的說法。 為了方便後續的研究，在此先結合之前同學們的研究成果，綜合整理一下，提供工具型網站的定義版本，供參考： ——所謂工具型網站，顧名思義就是構築在互聯網上的工具，是指為説明人們完成某一特定領域的...

題記：從2010年進入公司至今2年半的時間，我一直負責廣告平臺部門的產品設計。 從陌生到熟悉，不知不覺間我竟已對這些產品傾注進了感情...... 工具型網站的特點剖析 工具型網站萬變而不離其宗地圍繞兩個關鍵字在展開屬於它們各自的情節，那便是：功能與資料。 所以談至「體驗」，其實設計目標也就更加清晰和明確—— １.在保證功能流程順利走完的基礎上，讓使用者的感覺更加舒適； ２.在面對大量資料時，讓使用者輕鬆...

譯者注：本文從測試人員的角度出發，提出了100多個在測試移動App過程中需要考慮的問題。 不管你是測試人員、開發、產品經理或是交互設計師，在進行移動App開發時，這些問題都很有參考價值。 我和Queen合力譯出此文，分享給大家，希望有所説明和啟發。 英文原文: HTTP://mobile.smashingmagazine.com/2012/10/22/a-guide-to-mobile...

作者： 阮一峰 日期： 2010年11月25日 有人在Stack Overflow上發問，動手開發網站之前，需要知道哪些事情？ 不出意料地，他得到了一大堆回答。 通常情況下，你需要把所有人的發言從頭到尾讀一遍。 但是，Stack Overflow有一個很貼心的設計，它允許在問題下方開設一個wiki區，讓所有人共同編輯一個最佳答案。 於是，就有了下面這篇文章，一共總結出六個方面...

BY:京京 小白 第一次著手做網頁遊戲的UI，我們發現制定的視覺規範基本在輸出後普遍存在偏差。 可能8630.html">有時候這種幾個圖元的位置偏移並不被大多數使用者在意，但是對我們而言，視覺規範就會成為只是設計師自我參考的資料，而不是實際線上產品的最終效果，這令人感到相當惱火。 我們的設計過程，基本是從PS裡開始，在FLASH裡輸出，最後前端直接提取FLASH裡的檔資訊製作...

大學美術史（選修）的第一堂課上，那老師開門見山的說：知道大家認真聽課的不多，下節課能來多少也不知道，這裡介紹一個自學閱讀的辦法，方便你們抱佛腳，在我看來大部分書籍講的實質性內容都很少，這就需要擰乾提純， 發現一本書有用之處最有效的方法是看目錄，大家能消化掉美術史這本書的目錄就能考60分了。 對於其它休閒類書籍你大可從目錄裡面選擇自己有興趣的章節閱讀，感興趣的章節對你來說就是乾貨，整個目錄你都不感...

都說好的交互設計的評判標準之一是「別讓我等」，但互聯網產品總是受制于實際的網路問題。 移動端產品則更為明顯，2G、3G環境下載入不夠給力，wifi環境也未必每次都是那麼順利。 因此「別讓我等」更像是種奢望，我們倒應該思考的是「如何優雅而不令人煩躁的等」。 與之最直接關聯的就是app載入頁面的設計。 一個app載入頁面，大致分為3類：(一)啟動載入頁 啟動載入是我們打開app的第一眼所看到介面。 會給...

目前移動互聯網發展趨勢迅猛，隨之而來的移動互聯網廣告也以迅雷不及掩耳之勢飛速發展，據市場研究公司Gartner稱，2011年全球移動廣告收入預計將達到33億美元，比2010年的16億美元增長一倍多，到2015年， 全球移動廣告收入將達到206億美元。 移動互聯網廣告即將成為網路廣告中的生力軍，其中移動搜索和LBS廣告預計將產生最多的廣告收入。 那麼基於移動搜索和LBS的移動互聯網廣告設計或將成為設...

史蒂文·HTTP://www.aliyun.com/zixun/aggregation/36096.html">辛諾夫斯基(820.html">Steven Sinofsky)曾全面負責Windows業務。 2012年11月13日，在微軟在全球發佈了最新的Windows8的作業系統之後的一個月離職。 在產品開發過程中，關於如何進行開發，產品經理需要...

一款小小的手機應用，卻包羅萬象，融合這複雜的資訊內容或功能邏輯。 要讓使用者在使用中獲得最好的體驗，迅速掌握應用的框架結構，其導航的設計是一個重要的環節。 手機應用的導航和現實世界中的路標或者地圖的作用很類似。 它是應用軟體的虛擬框架，對使用者具有指示標識以及識別的功能。 比如，如同路標，導航能在使用中，定位使用者當前在哪兒，為使用者突出當前視圖重要的功能，告知使用者可以去哪兒，在不同的視圖和區域迅速地切...

前言 HTML5的出現讓移動平臺的競爭由系統平臺轉向了瀏覽器之間：移動端的IE、Chrome、FireFox、Safari，亦或是新出現的瀏覽器，誰能達到在移動端對HTML5更好的支援， 誰就能在以後的移動應用領域佔據更多的市場。 現在我們怎麼裝APP 有了HTML5以後怎麼裝APP 更靈活、更方便的app使用及安裝方式將成為HTML5在移動平臺上大放異彩的保障之一。 下面列舉HTML5適...

——讓使用者更容易地找到需要的資訊1 最近突然想寫個專題類的文章，關於如何讓使用者更方便快捷地在網站上尋找到他們需要的資訊，當然不能脫離博客的主題——網站資料分析，所以這裡主要介紹的是如何通過網站分析來優化網站， 實現使用者對資訊的快速獲取，首先介紹的是網站的資訊架構。 關於資訊架構，網站設計的同學才是專家，我在這裡只是班門弄斧，根據大學裡面閱讀的資訊架構類文獻資料的一些殘存的記憶，再加上這幾天臨...

——讓使用者更容易地找到需要的資訊3 之前已經介紹過為了讓使用者更容易地找到需要的資訊，可以對網站的資訊架構和站內搜索進行分析和優化，而另一個能對使用者起到很好引導作用的就是網站的導航功能， 所以這篇文章主要分析使用者對網站導航功能的使用方式，並在此基礎上合理地優化網站的導航設計。 網站導航的作用 網站導航的最終目的就是説明使用者找到他們需要的資訊，如果說得詳細點，那麼可以概括為下面3個用處： 1. 引...

一、什麼是導航網站？ 導航網站又稱網址導航，網址導航就是一個集合較多網址，並按照一定條件進行分類的一種網址站。 網址導航方便網友們快速找到自己需要的網站，而不用去記住各類網站的網址，就可以直接進到所需的網站。 現在的網址導航一般還自身提供常用查詢工具，以及郵箱登陸、搜尋引擎入口，有的還有熱點新聞等功能。 （Via）二、傳統網址導航站的需求 每個人都需要一個導航站。 從使用者的角度而言，其實上的網站可...

1 名詞解釋 桐花萬里丹山路，雛鳳清于老鳳聲——唐·李商隱《韓冬郎既席為詩相送因成二絕》 作為一種有別傳統的前端程式設計方法，雛風名之。 面向資料的程式設計方法，避開繁瑣的ui代碼，直接針對前端資料模型程式設計，你的程式就能更加清晰簡單。 清音名之。 2 從實例開始 避免過於枯燥的陳述，我們從實例開始，我們以百度 WebIM分組管理為例。 這裡面，我們需要對使用者群組清單執行：添加、刪除、修改、...

模組化概念 模組化就是為了減少迴圈依賴，減少耦合，提高設計的效率。 為了做到這一點，我們需要有一個設計規則，所有的模組都在這個規則下進行設計。 良好的設計規則，會把耦合密集的設計參數進行歸類作為一個模組，並以此劃分工作任務。 而模組之間彼此通過一個固定的介面（所謂的可見參數）進行交互，除此之外的內部實現（所謂的隱參數）則由模組的HTTP://www.aliyun.com/zixun/aggrega...

[導讀] Quora似乎是互聯網上設計最少的網站之一。 它使用黑色、紅色和大量文字。 創建了設計項目如此之少的產品，我們怎麼還能聲稱自己關心設計呢？ Quora第一名員工、產品設計師日前在Web2.0大會上介紹了Quora的產品設計，並將其演講內容發佈在Quora上（quora.com/Rebekah-Cox/ Design-Quora-Web2-0-Expo-Presentation），以...

說到Apple的產品，相信大家腦袋上都會浮現出這樣的一些關鍵字：」簡潔，精緻，高端，酷...「。 很多人還沒有使用Apple產品，就已經被它的產品設計所吸引了，這就是Apple的設計魅力。 Apple的工業設計一直都是走在業界的最前端。 它的產品設計到底經歷了怎樣的一個過程呢？ ID公社曾指出Apple的設計可以分為」浪漫主義「和」後浪漫主義「。 按我的理解，」後浪漫主義「如果用」理性主義「來描述可能會...

用迴圈視頻做網站背景是最近開始流行的一種趨勢，嗯，主要還是在HTML5開始被各大瀏覽器支援之後才大量湧現的。 其實有些類似N年前的HTTP://www.aliyun.com/zixun/aggregation/12592.html">Flash的Intro動畫吧，不同的是用法和設計風格差別很大， 相比當年的Flash就太Low了——呃，是不是無意間暴露了年齡了。。。 總之，用H5...