從產(chǎn)品設(shè)計的節(jié)奏和韻律中,產(chǎn)生的產(chǎn)品四問

liang
0 評論 3488 瀏覽 2 收藏 8 分鐘
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

在生活中,一切都存在節(jié)奏和韻律。產(chǎn)品設(shè)計既有理性的一面,也有感性的一面。從產(chǎn)品設(shè)計的節(jié)奏和韻律中,產(chǎn)生了產(chǎn)品四問。針對這四問,做出了相關(guān)解析,一切來看看吧。

生活中的動物、植物、山川、河流、城市等隨處可見節(jié)奏帶來的美感:葉子上的水珠,相同元素以大小不等明度不同的形式分布,節(jié)奏明快。

斑馬黑白相間的圖案及明暗的線條形成了強弱對比的節(jié)奏感,通過黑與白的矛盾與沖突,也讓節(jié)奏更富有生氣。

一切都存在節(jié)奏和韻律。產(chǎn)品設(shè)計作為一個綜合性科目,它既有理性的一面,也有感性的一面。產(chǎn)品設(shè)計是科學(xué)與藝術(shù)的結(jié)合。因此,它必然具有藝術(shù)所具有的共性,而節(jié)奏和韻律在產(chǎn)品中的應(yīng)用,也使得產(chǎn)品落地的工作可以更簡單。

第一問:我們?nèi)绾胃玫刭x予產(chǎn)品節(jié)奏與韻律?

音樂中有節(jié)奏和韻律,詩歌中有節(jié)奏和韻律,在設(shè)計這個大的范疇中同樣也存在節(jié)奏和韻律。

設(shè)計中的節(jié)奏與韻律是形成視覺設(shè)計美感的重要因素。

而在設(shè)計中,將文字、版式、圖形、色彩等因素連續(xù)重復(fù)進(jìn)行有規(guī)律地排列,就形成了節(jié)奏與韻律。

掌握節(jié)奏與韻律能使設(shè)計作品更具條理性、形式更加統(tǒng)一。

第二問:在創(chuàng)作時,我們?nèi)绾斡霉?jié)奏美感,更好地打動觀賞者?

在網(wǎng)絡(luò)飛速發(fā)展的今天,網(wǎng)站和app已經(jīng)成為人們生活中不可或缺的一部分。網(wǎng)站和app的內(nèi)容也從多年前的純文字形式發(fā)展到現(xiàn)在的多媒體形式。包括視頻、聲音、圖片、動畫等眾多內(nèi)容。

網(wǎng)頁設(shè)計講究點、線、面、體的規(guī)律性變化,結(jié)構(gòu)形式上講究疏密、大小、曲直等,這就如同音樂中的節(jié)奏韻律,賦予了頁面以活力和生命,使它有了靈魂。

舉個例子來說,就比如在平面設(shè)計中的節(jié)奏應(yīng)當(dāng)比現(xiàn)實生活中的節(jié)奏更加與眾不同和賞心悅目,從而更加傾向于音樂中的節(jié)奏。

第三問:如何實現(xiàn)快速實際的搭配實現(xiàn)?

一款產(chǎn)品從最初的草稿到實現(xiàn)這個過程中,設(shè)計師在創(chuàng)作時用錯落有序的設(shè)計,增加節(jié)奏的多變性,這樣的設(shè)計用意在于避免過分有序排列導(dǎo)致的視覺整體形單一感,因為多層次多變的節(jié)奏美感,更能打動觀賞者。

色彩可被看作是各種關(guān)系的總和。色調(diào)中所占面積的多少、起伏變化,以及通過借助冷暖、明暗、濃淡、強弱等色彩效果,可以體現(xiàn)色彩的不同節(jié)奏和韻律。音樂可以有不同的調(diào)式,將其對應(yīng)到色彩中,在節(jié)奏和韻律上有著類似之處。

網(wǎng)頁中體現(xiàn)色彩的節(jié)奏和韻律的形式,一般會通過色彩的交替變化來實現(xiàn)。

例如,按照一定的規(guī)律將實現(xiàn)的搭配采用重復(fù)、漸變、突變的手法形成整體頁面想要呈現(xiàn)給用戶的視覺節(jié)奏。因此,網(wǎng)站設(shè)計在此前提下,再輔以網(wǎng)頁時間和空間變化的搭配,色彩的世界將會變得更加生動,從而展示色彩自身的獨特魅力。

第四問:產(chǎn)品設(shè)計如何抓重放輕?

我們知道,在體積相等的情況下,我們可讓 數(shù)量少的部分,使其體積變大,讓數(shù)量多的部分體積相對縮小,用少而大與多而小的差異,取得總體上的相對平衡; 在體積不等的情況下,可直接利用少而大與多而 小的矛盾,互補關(guān)系構(gòu)成畫面。

同樣的,設(shè)計中我們也可用這種互補達(dá)到抓重放輕。

首先我們都知道,視覺美觀是UI設(shè)計最基本的原則。作為設(shè)計師首先需要的是使產(chǎn)品引起瀏覽者的注意,由于界面內(nèi)容的多樣化,傳統(tǒng)的設(shè)計即將被淘汰,取而代之的是融合了動畫、交互設(shè)計和三維效果等多媒體形式的UI設(shè)計。

但是!設(shè)計表達(dá)的是一定的意圖和要求,有些設(shè)計只需要簡潔的文本信息即可,有些則需要采用多媒體表現(xiàn)手法。這就要求設(shè)計不僅要簡練、清晰和精確,還需要在凸顯藝術(shù)性的同時通過視覺沖擊力來體現(xiàn)主題。

再者,設(shè)計的目的就是吸引用戶使用,所以無論什么時候都應(yīng)該謹(jǐn)記以用戶為中心的觀念。用戶需要什么,產(chǎn)品設(shè)計就應(yīng)該去做什么。一款界面設(shè)計得再具有藝術(shù)感,若非用戶所需,那也是失敗的。

最后,也要考慮環(huán)境外在因素——設(shè)計需要考慮用戶的帶寬及網(wǎng)速。因此對于當(dāng)前網(wǎng)絡(luò)高度發(fā)達(dá)的時代,我們可以考慮在用戶界面中加入一些動畫、音頻、視頻和插件等多媒體元素,借此塑造立體豐富的界面效果。但是,為了加快界面的加載速度,也需要從頁面切圖和優(yōu)化圖片的存儲下手,如果能夠通過代碼實現(xiàn)的部分盡量不要切圖,能用1像素平鋪出來的就不切成2像素,能用32色存儲的就不用64色。

隨后我想說, 提出問題、進(jìn)行假設(shè)、回答是否這三大部分的結(jié)構(gòu)都是相互連接的 ,對于企業(yè)如何分析產(chǎn)品和產(chǎn)品創(chuàng)新也將起到事半功倍的效果。

產(chǎn)品的設(shè)計是美感與功能的完美結(jié)合,一個產(chǎn)品的落地以及成功是多方面的,“韻律和節(jié)奏”更是產(chǎn)品質(zhì)量意識的體現(xiàn)。

專欄作家

liang,人人都是產(chǎn)品經(jīng)理專欄作家。全鏈路產(chǎn)品設(shè)計師, 關(guān)注于數(shù)字化互聯(lián)網(wǎng)+行業(yè)及產(chǎn)品運營。簡單語言、多角度剖析產(chǎn)品設(shè)計相關(guān)邏輯

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
34938人已学习13篇文章
为了给用户提供更好的体验,你需要一套合理的推送策略。
专题
19958人已学习13篇文章
本专题的文章分享了TO G产品的入门指南,包括什么是G端产品、产品的特点...
专题
15286人已学习12篇文章
逻辑图是用图标符号、说明文字以及连接线等,形象化地表达复数要素之间的相互作用关系。本专题的文章分享了如何绘制逻辑图。
专题
14499人已学习13篇文章
价格是竞争的重要手段,所以对于一个产品来说,产品定价是非常重要的。本专题的文章分享了如何给产品定价和产品定价的策略。
专题
37615人已学习20篇文章
“搜索功能”拆解:小功能,大细节。
专题
15732人已学习12篇文章
CDP,即客户数据平台,是企业用来集中管理和整合客户数据的工具。本专题的文章分享了什么是CDP和如何搭建CDP平台。