隨著科技互聯(lián)網(wǎng)時代的發(fā)展,各種跨屏幕的設(shè)備層出不窮,小到智能手表,大到電視設(shè)備,如何在各個設(shè)備屏幕上合理的展示信息,這無疑是對現(xiàn)在設(shè)計師的挑戰(zhàn),在與前端程序開發(fā)的友好共同努力下,我們創(chuàng)立了一種匹配目前發(fā)展瓶頸的設(shè)計,響應(yīng)式設(shè)計,那么如何做好響應(yīng)式設(shè)計,一開始接觸的時候,也走了些彎路,現(xiàn)在把這些年在創(chuàng)新互聯(lián)做的響應(yīng)式設(shè)計經(jīng)驗分享大家。
一、確定產(chǎn)品的核心定位
雖然響應(yīng)式設(shè)計能適應(yīng)各種屏幕的匹配,但是在設(shè)計的時候要考慮產(chǎn)品的核心價值在哪,需要體現(xiàn)的功能如何能讓用戶的體驗好,畢竟在手機(jī)或者智能手表這種小的設(shè)備上,也不能全部展現(xiàn)出繁雜的介紹信息,還是要把主要功能在第一屏的時候展現(xiàn),
響應(yīng)式網(wǎng)站設(shè)計" src="/upload/pic19/1523582988.jpg" />
類似打車系列軟件一樣,主要的功能就是叫車,所以也自然圍繞這一功能需求設(shè)計。
二. 確認(rèn)產(chǎn)品能涉及到的設(shè)備
現(xiàn)在市面上各種移動端設(shè)備的尺寸不一,如果為了單獨一個設(shè)備去一一設(shè)計,在時間和經(jīng)濟(jì)成本上是最不劃算的,所以要想清楚產(chǎn)品大概會在哪個設(shè)備上展示,然后篩選出最常見的幾大設(shè)備類型,比如,手機(jī)、平板、桌面端、智能電視、智能手表以及其它。
設(shè)備在不同是使用場景下,在設(shè)計和交互上的展現(xiàn)不同,現(xiàn)在手機(jī)的占比率是最高的,而且是好能直接溝通的有效生成效益的一個工具,作為平板倒是據(jù)官方統(tǒng)計使用的推廣率遠(yuǎn)不及手機(jī)的高,只是被用戶拿來瀏覽的一個工具,作為桌面pc段雖然不及手機(jī)快速有效達(dá)到使用率,但是是好能展現(xiàn)完成復(fù)雜多面內(nèi)容任務(wù)的專業(yè)平臺。
三,優(yōu)先為最小的屏幕做設(shè)計
一開始原先也是覺得遵從大屏幕設(shè)備上開始,但是會發(fā)現(xiàn)問題就是大屏幕的大圖比例壓縮到手機(jī)上的話,有時候會顯得在手機(jī)上的比例平衡不協(xié)調(diào),導(dǎo)致圖片很扁的存在,但是如果一開始在手機(jī)屏幕上設(shè)計的尺寸,那么在大屏幕上的運用稍微能靈活轉(zhuǎn)得開。而且能更好的圍繞產(chǎn)品核心功能做設(shè)計,然后在大屏幕上也能適當(dāng)?shù)淖黾臃ㄈヌ畛浯笃聊坏膬?nèi)容。但是在圖片的精選度上還是要優(yōu)先大屏幕,
避免投射在大屏幕上模糊的尷尬。
四,設(shè)計統(tǒng)一的用戶體驗
比如你再手機(jī)上的良好操作是點擊這個跳轉(zhuǎn)到這個,跳到其他設(shè)備上開始不知道從哪找你需要的功能,為用戶增加無所適從的焦慮感,那這種設(shè)計無疑是不專業(yè)的。良好的統(tǒng)一交互體驗?zāi)茉黾佑脩魧Ξa(chǎn)品的依賴感,更輕松的各個設(shè)備輕松的互動。而且也能保證用戶在使用產(chǎn)品上更高效的完成任務(wù),提升產(chǎn)品的經(jīng)濟(jì)效益。
總結(jié):
無論是在響應(yīng)式設(shè)計上,還是其他設(shè)計上,設(shè)計師都需要去了解產(chǎn)品的核心調(diào)用性,傾聽用戶的體驗反饋,在基于這2種條件下,才能更好的完成一個符號市場需求的產(chǎn)品成為一個受大眾好評的產(chǎn)品,這樣的設(shè)計才稱得上是合格良心之作。
作者:創(chuàng)新互聯(lián)設(shè)計師陳曉琳
新聞名稱:如何專業(yè)完成響應(yīng)式網(wǎng)站設(shè)計
當(dāng)前路徑:http://m.rwnh.cn/news/244958.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有響應(yīng)式網(wǎng)站等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)