隨著科技互聯(lián)網(wǎng)時代的發(fā)展，各種跨屏幕的設備層出不窮，小到智能手表，大到電視設備，如何在各個設備屏幕上合理的展示信息，這無疑是對現(xiàn)在設計師的挑戰(zhàn)，在與前端程序開發(fā)的友好共同努力下，我們創(chuàng)立了一種匹配目前發(fā)展瓶頸的設計，響應式設計，那么如何做好響應式設計，一開始接觸的時候，也走了些彎路，現(xiàn)在把這些年在方維網(wǎng)絡做的響應式設計經(jīng)驗分享大家。
 
一、確定產(chǎn)品的核心定位
 
雖然響應式設計能適應各種屏幕的匹配，但是在設計的時候要考慮產(chǎn)品的核心價值在哪，需要體現(xiàn)的功能如何能讓用戶的體驗最佳，畢竟在手機或者智能手表這種小的設備上，也不能全部展現(xiàn)出繁雜的介紹信息，還是要把主要功能在第一屏的時候展現(xiàn)，
 

 
類似打車系列軟件一樣，主要的功能就是叫車，所以也自然圍繞這一功能需求設計。
 
 
二. 確認產(chǎn)品能涉及到的設備
 
現(xiàn)在市面上各種移動端設備的尺寸不一，如果為了單獨一個設備去一一設計，在時間和經(jīng)濟成本上是最不劃算的，所以要想清楚產(chǎn)品大概會在哪個設備上展示，然后篩選出最常見的幾大設備類型，比如，手機、平板、桌面端、智能電視、智能手表以及其它。



設備在不同是使用場景下，在設計和交互上的展現(xiàn)不同，現(xiàn)在手機的占比率是最高的，而且是最好能直接溝通的有效生成效益的一個工具，作為平板倒是據(jù)官方統(tǒng)計使用的推廣率遠不及手機的高，只是被用戶拿來瀏覽的一個工具，作為桌面pc段雖然不及手機快速有效達到使用率，但是是最好能展現(xiàn)完成復雜多面內(nèi)容任務的專業(yè)平臺。
 
 
三，優(yōu)先為最小的屏幕做設計
 
一開始原先也是覺得遵從大屏幕設備上開始，但是會發(fā)現(xiàn)問題就是大屏幕的大圖比例壓縮到手機上的話，有時候會顯得在手機上的比例平衡不協(xié)調(diào)，導致圖片很扁的存在，但是如果一開始在手機屏幕上設計的尺寸，那么在大屏幕上的運用稍微能靈活轉得開。而且能更好的圍繞產(chǎn)品核心功能做設計，然后在大屏幕上也能適當?shù)淖黾臃ㄈヌ畛浯笃聊坏膬?nèi)容。但是在圖片的精選度上還是要優(yōu)先大屏幕，
避免投射在大屏幕上模糊的尷尬。
 

 
 
 
四，設計統(tǒng)一的用戶體驗
 
比如你再手機上的良好操作是點擊這個跳轉到這個，跳到其他設備上開始不知道從哪找你需要的功能，為用戶增加無所適從的焦慮感，那這種設計無疑是不專業(yè)的。良好的統(tǒng)一交互體驗能增加用戶對產(chǎn)品的依賴感，更輕松的各個設備輕松的互動。而且也能保證用戶在使用產(chǎn)品上更高效的完成任務，提升產(chǎn)品的經(jīng)濟效益。


 
 
 
總結：
 
無論是在響應式設計上，還是其他設計上，設計師都需要去了解產(chǎn)品的核心調(diào)用性，傾聽用戶的體驗反饋，在基于這2種條件下，才能更好的完成一個符號市場需求的產(chǎn)品成為一個受大眾好評的產(chǎn)品，這樣的設計才稱得上是合格良心之作。

作者：方維網(wǎng)絡設計師陳曉琳
 
隨著用戶終端的增多，響應式網(wǎng)站越來越受廣大客戶親睞，歡迎有需求客戶咨詢。