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

0 評論 3357 瀏覽 2 收藏 8 分鐘

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

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

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

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

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

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

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

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

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

第二問:在創(chuàng)作時(shí),我們?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è)計(jì)講究點(diǎn)、線、面、體的規(guī)律性變化,結(jié)構(gòu)形式上講究疏密、大小、曲直等,這就如同音樂中的節(jié)奏韻律,賦予了頁面以活力和生命,使它有了靈魂。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

專欄作家

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

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

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!