設(shè)計(jì)師和開(kāi)發(fā)者面對(duì)今天與響應(yīng)的設(shè)計(jì)工作onsivebreakpoints.com發(fā)布容易斷點(diǎn)工具

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

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

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

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

手勢(shì)的重要性
用戶界面的移動(dòng)的整個(gè)概念是建立在手勢(shì)。這就是為什么他們的用戶體驗(yàn)中心。這種有限的屏幕空間的工作，設(shè)計(jì)人員和開(kāi)發(fā)人員必須不斷地確保他們?cè)谧罡咝Ш椭悄艿姆绞奖M可能用最小的動(dòng)作。
如果他們這樣做，用戶可以很容易地做他們想做的事情，在一個(gè)心跳在他們的移動(dòng)設(shè)備和應(yīng)用程序做的，這是一個(gè)偉大的用戶體驗(yàn)的縮影。只要一個(gè)手勢(shì)不直觀，用戶不會(huì)被強(qiáng)迫執(zhí)行的行動(dòng)與他們的移動(dòng)設(shè)備進(jìn)行交互來(lái)達(dá)到一定的目標(biāo)就不能成為一個(gè)好的或可取的手勢(shì)。因此，設(shè)計(jì)的界面都會(huì)遭殃。
記住這些基本的手勢(shì)，設(shè)計(jì)者可以創(chuàng)建移動(dòng)界面和體驗(yàn)，人們會(huì)喜歡。

牧羊人設(shè)計(jì)文章推薦：

視覺(jué)設(shè)計(jì)面試的重要指南
考慮你的網(wǎng)站設(shè)計(jì)的用戶體驗(yàn)
HTML5面試的重要指南