92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

重復與突變在產品設計中的應用

2018-7-17    濤濤

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

重復可以使畫面秩序化、整齊化,形成和諧、富有節奏感的視覺效果,更加有利于人們加強對畫面的記憶。

一、設計中的重復是什么?

在平面設計中,重復構成是常用的一種構成方法,通過重復可以使畫面達到和諧、統一的視覺效果,并能加強給人的印象,也可以達到一種有規律的節奏感和形式美感。

排版的四大原則:對比、對齊、親密性、重復,重復在排版中也占據了一席之地,可見它在設計中分量是不可小覷的。

格式塔原理:接近性、相似性、連續性、封閉性、對稱性、主體/背景、共同運動,格式塔原理中的對稱性就是重復的一種表現方式;格式塔原理中的相似性算是重復中自帶的一種突變。

1. 重復

重復是設計中最基本的形式。在同一設計中,相同的形象出現過兩次或兩次以上就形成了重復。

在產品設計中重復的元素有大小、形狀、配色、間距、組件、圓角值;在交互層面重復的元素有位移(方向)、旋轉、縮放、不透明度、相同屬性交互要一致。

在產品設計的前期設計師需要輸出界面設計,為了方便下游前端工程師更好的規范和適配,也要保證產品后期上線產品視覺稿的高度還原,這就要求設計師輸出一整套產品的視覺和交互規范。

重復配色

在 app store 的頁面中使用了相同的顏色進行提醒,方便用戶快速查找和點擊,整體的藍色又給人理性的感覺,看到付費app 的好評數可以看出是因為產品好才推薦你進行理性消費。

重復大小

INS 主頁第一排頭像相同大小進行重復排列,與內容的人物頭像有大小對比之分;INS 搜索頁采用了九宮格布局,為了重復中有變化它把右邊的四個方格合并成一個內容展示區域,推薦好的熱門視頻。

重復間距

Airbnb 界面中的間距非常規范,首頁大體采用了谷歌里面的8px 原則,每個間距之間的規范很多1:2的比例關系。好的比例規范會給界面帶來簡潔大氣的感覺。

重復組件

(如圖標注)INS 界面中用了統一組件,相同的圓角和高度規范又給畫面增加了統一性和連貫性。

2. 突變

在相同的形象重復出現時,嘗試去改變某一形象的形狀、顏色、大小、不透明度等來豐富畫面時我們稱之為突變。

格式塔原理中的相似性也是重復中突變的一種形式。

在產品設計中我們運用的突變的目的很簡單就是為了讓其更加突出,多用于區分當前狀態、選中狀態和默認狀態。

banner輪播

banner輪播圖上面的提示狀態會根據當前狀態和默認狀態進行區分,把當前狀態進行變化從而進行凸顯出來。

導航欄分類

導航欄分類上面的提示狀態也是根據當前狀態和默認狀態進行區分,把當前狀態進行變化從而進行凸顯出來。

按鈕

在登錄注冊頁面中,我們會通過大的色塊凸顯登錄按鈕,引導用戶快速登錄進入到 app 里面。也減少了用戶的思考過程,符合大腦的惰性。

但是在很多 windows系統中,卸載軟件時會跟你玩文字游戲,會用非、否、不是等誘導你作出錯誤的判斷。

feed流

feed流是產品中持續更新并呈現給用戶內容的信息流。feed流在產品展現形式有列表、瀑布流、卡片形式。

站酷首頁 feed流里面會把內容分為作品和文章,之前版本中的作品和文章的樣式是一樣的,新版本中重點是推作品,當文章出現時通過改變文章的排版進行區分,重復里面又帶有變化。

3. 節奏感

多少元素排列可以形成節奏感,一般來說是3個或3個以上,兩個你不能說是節奏感只能說它是重復。當3個或3個以上整齊的排列就會形成一種節奏感。

左右滑動

(如圖來自uistar)界面中三個書籍整齊的排列在一起,可以通過左右滑動來獲取更多的書籍。在使用左右滑動效果時,應考慮元素的數量,盡量不要超過10個以上。

列表頁

(如圖來自uistar)列表頁面整齊的排列在一起有一定的節奏感,通過改變 icon 的配色來豐富畫面。

4. 韻律

元素在排列的過程中有形狀、顏色、大小、不透明度等有規律的變化就形成了一種韻律感。在動效上主要還是通過位移、放大縮小、旋轉、不透明等變化來制作界面動畫。

最美有物

最美有物app 的畫報界面中,通過改變每個界面的大小比例有序的排列在一起,通過上下滑動可以快速瀏覽標題,進行查找翻閱,整個過程很流暢,整個界面有流動性和韻律感。

圖表

圖表在設計的時候通過不同顏色來區分不同的時間段,線條錯落有致的排列增加了界面的韻律感。

配色

△ 來自Prakhar Neel Sharma和crisssamson

這兩個作品都是通過色彩按照紅橙黃綠青藍紫規律運用到界面中的背景和列表中,增加了畫面的豐富感和韻律感。

重復在動效中如何運用才會有韻律感?

界面動效中主要分成當前狀態動效變化和轉場動效變化,界面中的元素a1對b1、a2對b2、a3對b3信息對等,能幫助界面做出很有韻律感的動效。

二、總結

重復可以使畫面秩序化、整齊化,形成和諧、富有節奏感的視覺效果,更加有利于人們加強對畫面的記憶。

重復、突變、節奏感、韻律幾種不同的方式都是存在于產品當中的,幾種不同的美感可以同時存在的,只不過它適應不同人群的審美能力,審美能力高一點的更喜歡一些變化,審美能力相對基礎更喜歡簡單的重復。

所以畫面中不斷出現同樣的元素這叫重復,而在很多重復里面突然出現一個變化這叫突變,相同元素整齊的排列在一起這叫節奏感,而這些元素在排列的過程中有形狀、顏色、大小、不透明度等變化就形成了一種韻律感。

藍藍設計www.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計  包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務。

日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
日本欧美爱爱爱| 热久久99这里有精品| 亚洲第一区中文99精品| 国产精品视频免费在线观看| 日本亚洲欧洲色α| 欧美激情乱人伦| 亚洲欧美在线免费观看| 搡老女人一区二区三区视频tv| 中国人与牲禽动交精品| 欧美激情奇米色| 日韩一区二区三区国产| 亚洲一区美女视频在线观看免费| 亚洲色图偷窥自拍| 日韩精品免费电影| 91影院在线免费观看视频| 欧美疯狂性受xxxxx另类| 亚洲日韩第一页| 欧美日韩国产精品专区| 亚洲免费精彩视频| 日韩在线激情视频| 久久久中文字幕| 欧美激情一区二区三区高清视频| 国产美女精品视频免费观看| 91久久在线观看| 最新国产精品亚洲| 亚洲第一福利在线观看| 孩xxxx性bbbb欧美| 亚洲精品免费在线视频| 成人在线激情视频| 久久久久久亚洲精品中文字幕| 成人a视频在线观看| 中文字幕在线成人| 成人乱人伦精品视频在线观看| 中文字幕av日韩| 日韩在线视频观看正片免费网站| 日韩有码在线观看| 欧美日韩成人精品| 欧美日韩激情网| 中文字幕在线成人| 宅男66日本亚洲欧美视频| 亚洲毛片一区二区| 欧美一区第一页| 久久久亚洲国产| 黑丝美女久久久| 国产精品久久久久久久av电影| 日本不卡免费高清视频| 亚洲精品一区中文字幕乱码| 78m国产成人精品视频| 亚洲网站在线看| 午夜免费久久久久| 97国产精品视频人人做人人爱| 亚洲美女动态图120秒| 国产精品激情自拍| 日本成人黄色片| 亚洲欧美资源在线| 欧美大码xxxx| 亚洲欧美日韩精品久久亚洲区| 亚洲欧美另类在线观看| 亚洲欧美www| 欧美成人激情视频免费观看| 国产成人精品综合久久久| 在线观看不卡av| 久久网福利资源网站| 亚洲激情在线观看视频免费| 国产欧美精品在线播放| 国产mv免费观看入口亚洲| 久久久欧美精品| 久久久这里只有精品视频| 中文字幕精品—区二区| 超碰精品一区二区三区乱码| 日韩电视剧在线观看免费网站| 国产精品美女主播| 亚洲精品www久久久| 欧美性xxxxx极品| 成人伊人精品色xxxx视频| 97在线观看视频| 国产精品女人网站| 精品久久久久久久久久久久久久| 亚洲国产欧美一区| 国产精品色午夜在线观看| 日韩在线观看免费| 午夜免费日韩视频| 欧美国产日产韩国视频| 久久成人这里只有精品| 国产区精品在线观看| 久久久av亚洲男天堂| 国产91在线播放精品91| 一本色道久久88精品综合| 国产精品久久久久久五月尺| 日韩亚洲第一页| 欧美精品精品精品精品免费| 久久久久久久久91| 伦伦影院午夜日韩欧美限制| 亚洲free性xxxx护士hd| 精品久久久久久久中文字幕| 日韩精品久久久久| 欧美电影在线观看网站| 亚洲精品视频免费| 精品国产依人香蕉在线精品| 91精品国产高清久久久久久91| 亚洲精品久久久久久久久久久久| 欧美日本在线视频中文字字幕| 亚洲97在线观看| 两个人的视频www国产精品| 亚洲xxxx妇黄裸体| 92看片淫黄大片欧美看国产片| 亚洲欧美国产视频| 成人黄色免费网站在线观看| 中文字幕日韩av电影| 日本欧美中文字幕| 91情侣偷在线精品国产| 亚洲国产欧美久久| 欧美巨猛xxxx猛交黑人97人| 国产精品视频免费观看www| 久久久久久久91| 成人观看高清在线观看免费| 亚洲欧洲日产国产网站| 久久精品国产精品亚洲| 国产亚洲欧美aaaa| 国产精品久久久久久久久久99| 欧美亚州一区二区三区| 国产精品1区2区在线观看| 日韩精品极品视频| 26uuu国产精品视频| 欧美一级大片视频| 国产黑人绿帽在线第一区| 欧美成人h版在线观看| 国产不卡av在线| 91久久久久久久久久| 91理论片午午论夜理片久久| 亚洲老头同性xxxxx| 宅男66日本亚洲欧美视频| 久久久国产成人精品| 国产欧美日韩中文字幕在线| 91精品视频观看| 欧美国产在线电影| 国产精品久久久久久久久粉嫩av| 欧美xxxx做受欧美| 日本精品视频在线观看| 亚洲激情在线观看视频免费| 亚洲免费高清视频| 欧美在线观看日本一区| 日韩精品在线视频美女| 亚洲自拍偷拍一区| 亚洲区在线播放| 日韩在线观看免费高清完整版| 久久久久久成人精品| 日韩女优人人人人射在线视频| 国产精品一区二区三区久久久| 亚洲精品久久7777777| 中文字幕欧美日韩精品| 欧美激情亚洲国产| 国产精品专区h在线观看| 最近中文字幕2019免费| 亚洲精品电影网在线观看| 欧美激情国产日韩精品一区18| 中文字幕亚洲第一| 日韩小视频网址| 91精品国产乱码久久久久久蜜臀| 亚洲美女福利视频网站| 亚洲国产精品推荐| 国产成人精品电影| 日韩久久午夜影院| 大胆人体色综合|