在移動互聯網越來越火的今天，手機成為了人們離不開的工具，隨著智能手機時代的到了，各種各樣的手機軟件也越來越多，而這些軟件界面的設計也成為了不可或缺的一部分，那么今天我們就來說一說有關軟件界面設計時需要把握的一些設計關鍵！當然了，這些關鍵不僅僅局限于對手機界面的設計，同時也適用于其他軟件的界面設計上。設計關鍵點如下：

編者按：設計最有趣的地方在于它的通用性，不論是音樂、建筑還是工業，設計的規則大同小異。今天這篇文章來自紐約的產品設計師妹子Melissa，她從建筑系畢業之后并未從事她的本職工作，2014年11月學習了兩個半月的網頁設計之后開始轉戰產品和UI設計了，目前供職于Percolate。不要小瞧她的設計素養，建筑系的系統學習賦予她對于廣泛意義上的設計更深入的認知，這篇文章就是這半年多來的一個階段性答卷。

這篇文章總結了從建筑到產品UI的四個設計的基本原則。

Spell（高級產品設計@Salesforce）：今年年初的時候，我寫了一篇關于2016年設計趨勢預測的文章。一方面為了記錄自己觀察到的一些現象，一方面讓自己養成每年總結的好習慣?；仡^一看，記錄下的點滴竟然逐一變成了現實，不禁感覺非常幸運。今天我來分享一下我自己對于2017年設計趨勢的觀察。

我會談到以下5點：

1. 微交互將會大量主導產品設計細節
2. 平，卻不再那么平了，顏色，字體和質感將成為設計師追捧的視覺利器
3. The internet of everything真正崛起，將增加設計的復雜度
4. 人的距離將會無限被拉近
5. 觸覺聲音3D，我的五感都可以有交互

閱讀時間大約5分鐘。

歷時2個多月的編撰和設計，#用研方法傳遍中國#在今天將告一段落;經過仔細的梳理與總結，的用戶研究工程師們將用戶研究工作中的經典方法一一總結出來，與大家分享討論，也歡迎更多對用戶體驗感興趣的同學加入討論，大家共同努力、共同進步!

1 、【眼動&腦電研究】 將眼動儀和腦電設備聯機同步，可以知道用戶是如何看的，以及當時的心理活動。

2 、【可用性測試】 想知道可用測試是什么?可用性測試的目的&作用?適用的場景?測試

                  設計理念比美感更重要。通過7大設計理念，來展示其重要性。

1. 什么是 arguments

MDN 上解釋：

arguments 是一個類數組對象。代表傳給一個function的參數列表。

我們先用一個例子直觀了解下 JavaScript 中的 arguments 長什么樣子。

function printArgs() { console.log(arguments);
}

printArgs("A", "a", 0, { foo: "Hello, arguments" })；

執行結果是：

咚咚咚：前段時間參與設計一個較大的線上活動，包含十個奧運相關小游戲及一些相關界面，前后歷時幾個月。奧運后活動下線，設計工作完結后，我整理了這過程中的收獲及工作方式，和大家分享下。

立項前信息收集與準備

有些大型項目是很早就規劃了要做的，只是具體哪天立項發郵件或哪些人參與還沒確定，如果知道要自己要參與這件事，可以做些準備工作，提前了解一些信息：

• 項目人員。了解各個職能的接口人是誰，運營、產品、視覺、前端、后端、測試等有誰參與，有些人可能之前都不認識，大家的工作方式和性格也不一樣，提前了解認識下，對后期合作和方案推進會有幫助。
• 信息。保證自己了解到的信息是一手資料很重要。和各方溝通過程中收集下項目的背景、目標、投入的資源、方案的思路及活動體量、以及可能的用戶利益點、項目時間點（通常deadline是確定的）等等等等。這些信息可以通過產品和運營了解到。如果是公司的例行活動，能夠拿到以往活動的數據和資料當然是最好，如果沒有的話也盡量找到以前做過類似活動的人員了解一些前人的方法和經驗。
• 別人的想法。項目組人員總會有自己的想法和方案，有時候甚至方案是比較確定的。盡早的了解到產品或者運營的想法可以預估個大概的時間節點和需求，做到心中有數。如果有好的想法這個時候提出來也最容易被采納，畢竟時間上一切來得及。

利用

我們如何看待工具

有一種觀點：設計師不要學太多的軟件，精通一種就好了，更重要的是你的思維。

從個人技能上，這個說法沒錯，但它可能忽視的是，思維和工具，并不獨立。因為所謂工具，其實是思維的被封裝與具象化，而你使用工具的過程，便是對這思維的習得和解碼。就像閱讀從不是一個單方面行為，而是讀者和作者思維的無聲交流。你閱讀書，書塑造你。

介紹

這里所描述的過程將使你能夠創建一個簡單的基于jQuery / XML的解析器和搜索機制。此過程將通過一個AJAX請求檢索XML，然后在jQuery中分析數據，為搜索機制做準備。該解決方案將基于不區分大小寫的全部或部分關鍵字匹配地返回結果。來自于關鍵字搜索的返回結果設置將被格式化為一個直接鏈接到相應網站的超鏈接。jQuery搜索方法非常類似于Mike Endale的一個項目，不過增加了一個DOM解析器，正則表達式以及結果集分組。

背景

客戶端需要一個簡單的搜索工具來查找基于關鍵字搜索的本地內部網站。關鍵字搜索必須不區分大小寫，并允許返回部分匹配的結果。歸咎于客戶端內容管理系統的架構，因此（SharePoint）只能執行客戶端腳本。其解決方案的另一個障礙是，源數據將來自多個源。數據被存儲在多個Excel電子表格，CSV文件和MS Access數據庫內。這就對我們提出了這樣的需要：開發具有一系列查詢和一個宏的Access解決方案，充當可合并、擦洗，并最后格式化數據作為XML輸出的偽ETL。對于這個解決方案的目的，我們將詳細介紹JavaScript XML分析器的設計，而不是偽Access ETL宏工具的設計。

使用代碼

該解決方案的做法是利用一個簡單的基于JavaScript / XML的搜索來發送數據結果到HTML / JavaScript前端。前端將引用腳本：jQuery，XML和CSS文件。XML格式將因為它的可讀性和它是數據交換行業標準格式之一的事實而被使用。 XML數據將通過使用AJAX的客戶端jQuery解析，并通過Internet Explorer 11呈現。

解決方案將使用RegExp對象來處理關鍵字匹配，驗證和特殊字符處理。RegExp對象字符串將檢查危險語法從而提高解決方案的穩定性和整體可用性。

我們將默認使用JavaScript分組功能來返回匹配結果作為折疊的紀錄集。折疊的記錄集線項目將被URL鏈接到相關的Project Workspace網站。在擴展的組記錄集下，結果將存在于相關的子記錄中，當通過On Click事件展開的時候。

編者按：可以說現如今的移動端UI設計中，卡片式設計撐起了半壁江山，它隨性自由又充滿了邏輯和組織性，它不僅流行著，而且還正在變得更加流行。它長盛不衰的秘密到底何在？讀下去~

個性化的用戶體驗是目前網頁和APP設計的大趨勢。個性化的新體驗大多建立在單獨內容的聚合體之上，而多類型的內容想要聚合起來，卡片式的界面則是最合適的載體。如今你所看到的UI界面設計，卡片式設計幾乎無處不在，從新聞類站點到游戲界面，從物流APP到社交媒體，等等等等。今天的文章將會詳細解釋卡片式設計對于設計師的意義，以及常見的卡片式設計的功能與特性。