設計師和開發(fā)者面對今天與響應的設計工作onsivebreakpoints.com發(fā)布容易斷點工具

其中一個最大的抱怨，設計師和開發(fā)者面對今天與響應的設計工作。而這種設計風格是用戶都確保他們看到正確顯示在所有設備上可以有點頭疼設計內(nèi)容的福音。
這是特別的情況下，考慮圖像如何適應（或不）為響應式設計模型。作為設計師也知道，一到兩件事情通常發(fā)生在當他們工作在響應設計圖片。無論是圖像最終被超大型網(wǎng)站或慢下來，他們結(jié)束了多種不同的圖像大小來適應不同的屏幕，這是純粹的混亂。無論是現(xiàn)實不夠好，從設計師的角度。

現(xiàn)在，有一個圖像服務的公司，似乎聽這些設計師的挫折。
最近一個 智能響應圖像斷點解決方案亮相，到設計師的問題的心經(jīng)歷了試圖找出他們的響應網(wǎng)站設計正確的圖像尺寸時。
而設計師繼續(xù)設計圖像太大或太多，他們現(xiàn)在可以依靠技術(shù)，協(xié)助他們在自動定位在一系列屏幕尺寸的移動和Web應用程序的最佳觀看體驗所需的最佳圖像尺寸。響應圖像斷點發(fā)生器 是 開源工具讓設計人員交互研究他們的圖像和創(chuàng)建響應圖像的斷點。

下面是它的工作原理：設計師可以快速地生成最佳匹配的斷點每圖像上傳到工具，基于給定的閾值。視網(wǎng)膜顯示自定義和多方面比改編給設計師更多的空間來定制自己的形象。
的 工具鼓勵設計者確定圖像的寬度值，嚴重降低文件大小，這都是受歡迎的保證網(wǎng)站不失去他們的速度。該公司的算法解釋的圖像總是找到最好的斷點。這給了設計師的自由來與當代的畫面，以及IMG，HTML5元素的基礎上計算的斷點。
這種自由意味著設計師們通過一個API斷點生成響應圖像的能力，這使他們很容易就每一個流行的圖像格式：JPG，GIF創(chuàng)建斷點，WebP和PNG。這些可以被創(chuàng)建在其原始格式或圖像變換設置確定一個新的格式。
多虧了這個工具，設計人員現(xiàn)在有沒有依靠他們最好的猜測就得到他們的圖像尺寸適合他們的響應式設計網(wǎng)站的奢侈品。

隨著手機成為這些天更多用戶的首選平臺，手勢越來越相關(guān)比。那些小動作，使移動設備交互，手勢是由用戶給定的思想很少因為他們更專注于屏幕上的手勢的結(jié)果。
你應該明白，兩個不同的方面來理解手勢的概念：接觸力學和觸摸活動；它們與初始姿態(tài)和隨后的結(jié)果。 手勢也密切相關(guān)的移動設備上的所有重要的用戶體驗。螺桿上的用戶界面和用戶如何使用手勢，和你搞砸了他們的用戶體驗。 因此，手勢有巨大意義的時候，你的平板電腦和移動設備用戶。
這是所有你需要知道有一個工作的理解手勢的移動…
 
定義的手勢
手勢是你與移動設備交互的基礎。看著他們兩個版本：接觸力學和隨后的接觸活動。
接觸力學是什么在他的屏幕上做用戶的手指。例如，如果你點擊（一個最基本的手勢）在 菜單項，你完成了接觸力學。
接觸活動是前面的接觸力學的結(jié)果。例如，如果你雙擊一段寫的內(nèi)容，手機屏幕會放大在說的內(nèi)容。
觸摸活動可以從不同的接觸力學的組合以及。對于 的例子，在你找到之前寫一段感興趣的內(nèi)容，你想對它進行了放大（第二觸摸機械），你必須首先向下滾動的 執(zhí)行滑動屏幕（第一次接觸力學）。
 

手勢的重要性
用戶界面的移動的整個概念是建立在手勢。這就是為什么他們的用戶體驗中心。這種有限的屏幕空間的工作，設計人員和開發(fā)人員必須不斷地確保他們在最高效和智能的方式盡可能用最小的動作。
如果他們這樣做，用戶可以很容易地做他們想做的事情，在一個心跳在他們的移動設備和應用程序做的，這是一個偉大的用戶體驗的縮影。只要一個手勢不直觀，用戶不會被強迫執(zhí)行的行動與他們的移動設備進行交互來達到一定的目標就不能成為一個好的或可取的手勢。因此，設計的界面都會遭殃。
記住這些基本的手勢，設計者可以創(chuàng)建移動界面和體驗，人們會喜歡。

牧羊人設計文章推薦：

視覺設計面試的重要指南
考慮你的網(wǎng)站設計的用戶體驗
HTML5面試的重要指南