產(chǎn)品經(jīng)理從0到1全過(guò)程界面和視覺(jué)設(shè)計(jì)

首先井濒,讓我們來(lái)學(xué)習(xí)一下界面設(shè)計(jì)灶似、視覺(jué)設(shè)計(jì)和交互設(shè)計(jì)的辨析:

1列林、界面(Interface)是機(jī)器中的一部分——通過(guò)這個(gè)部分,用戶可以了解機(jī)器的狀態(tài)酪惭、對(duì)機(jī)器進(jìn)行控制希痴、并獲取反饋〈焊校“界面”不僅包括圖形界面砌创,也包括實(shí)體界面。


2鲫懒、視覺(jué)(Vision)是一種人的感官類型——通過(guò)這一個(gè)感官嫩实,用戶可以了解信息,感知物體刀疙,被激發(fā)情緒舶赔。“視覺(jué)”不僅包括美觀谦秧,更包括引導(dǎo)竟纳。


3.交互(Interaction)是一種行為類別——在這種行為類別中,用戶會(huì)發(fā)出自己的行為請(qǐng)求疚鲤,接受者隨之給予用戶反饋和后續(xù)行為的引導(dǎo)锥累。

一、界面設(shè)計(jì)與視覺(jué)設(shè)計(jì):

這里我們將界面設(shè)計(jì)與視覺(jué)設(shè)計(jì)放在一起集歇,推薦大家看《寫給大家看的設(shè)計(jì)書》桶略,產(chǎn)品經(jīng)理關(guān)于界面設(shè)計(jì)的入門書籍,書中提到四個(gè)重要的設(shè)計(jì)原則:

1诲宇、對(duì)比(Contrast):避免頁(yè)面上元素太過(guò)相似际歼。如果元素,如字體姑蓝、顏色鹅心、大小、線寬纺荧、形狀和空間等不相同旭愧,就讓它們截然不同。

2、對(duì)齊(Alignment):每個(gè)元素都應(yīng)與頁(yè)面上另一個(gè)元素有某種視覺(jué)聯(lián)系。在對(duì)齊很明顯的基礎(chǔ)上注簿,可以偶爾打破對(duì)齊規(guī)則。

3韩容、重復(fù)(Repetition):可以重復(fù)顏色、形狀、材質(zhì)深浮、空間關(guān)系蜻拨、線寬池充、字體桩引、大小和圖片等缎讼,增加條理性和加強(qiáng)統(tǒng)一性。

4坑匠、親密性(Proximity):彼此相關(guān)的項(xiàng)應(yīng)當(dāng)靠近血崭,歸組在一起。若多個(gè)項(xiàng)之間存在很近的親密性厘灼,它們會(huì)形成一個(gè)視覺(jué)單元夹纫,而不是多個(gè)孤立的元素。

二设凹、交互設(shè)計(jì):

這一部分推薦大家讀一讀《簡(jiǎn)約至上:交互式設(shè)計(jì)四策略》舰讹,書中提出的四個(gè)交互設(shè)計(jì)的策略是:

1、刪除:去掉所有不必要的按鈕闪朱,直到減到不能夠再減為止 月匣。

2、組織:按照有意義的標(biāo)準(zhǔn)將按鈕劃分成組奋姿。

3锄开、隱藏:將那些不是最重要的按鈕安排在活動(dòng)倉(cāng)盒之下,避免分散用戶注意力称诗。

4萍悴、轉(zhuǎn)移:只在遙控器上保留具備最基本功能的按鈕,將其他控制轉(zhuǎn)移到電視屏幕上的菜單上寓免,從而將復(fù)雜性從遙控器轉(zhuǎn)移到電視上癣诱。

三、產(chǎn)品經(jīng)理的職責(zé):

今天這節(jié)課講到的知識(shí)并不全面袜香,這是因?yàn)樗河瑁O(shè)計(jì)是企業(yè)中設(shè)計(jì)師的工作,而作為產(chǎn)品經(jīng)理來(lái)講困鸥,我們的職責(zé)是向設(shè)計(jì)師講清楚產(chǎn)品的定位嗅蔬、目標(biāo)用戶、需要傳達(dá)的信息和情感疾就。

這一階段產(chǎn)品經(jīng)理需要做的工作都是圍繞著產(chǎn)品定位和用戶體驗(yàn)展開的澜术,所以這里PM要把握好度,不要做錯(cuò)方向猬腰。

因此鸟废,在這里建議大家讀一些關(guān)于設(shè)計(jì)心理學(xué)的書籍,除了上文提到的姑荷,還有一本《don’t make me think》也很經(jīng)典盒延。

當(dāng)設(shè)計(jì)師的UI出稿后缩擂,如果跟我們想表達(dá)的產(chǎn)品目標(biāo)不同,需要反復(fù)跟設(shè)計(jì)師協(xié)商以達(dá)到產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)的統(tǒng)一添寺。

今天簡(jiǎn)單地點(diǎn)一點(diǎn)胯盯,更多的小伙伴們移步到視覺(jué)和交互區(qū)域。

作者:小葉(微信公眾號(hào):zuopmL)后面更新從0到1的做產(chǎn)品的過(guò)程 ?

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末计露,一起剝皮案震驚了整個(gè)濱河市博脑,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌票罐,老刑警劉巖叉趣,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異该押,居然都是意外死亡疗杉,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門蚕礼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)烟具,“玉大人,你說(shuō)我怎么就攤上這事闻牡【桓埃” “怎么了?”我有些...
    開封第一講書人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵罩润,是天一觀的道長(zhǎng)玖翅。 經(jīng)常有香客問(wèn)我,道長(zhǎng)割以,這世上最難降的妖魔是什么金度? 我笑而不...
    開封第一講書人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮严沥,結(jié)果婚禮上猜极,老公的妹妹穿的比我還像新娘。我一直安慰自己消玄,他們只是感情好跟伏,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著翩瓜,像睡著了一般受扳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上兔跌,一...
    開封第一講書人閱讀 50,050評(píng)論 1 291
  • 那天勘高,我揣著相機(jī)與錄音,去河邊找鬼。 笑死华望,一個(gè)胖子當(dāng)著我的面吹牛蕊蝗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播赖舟,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼蓬戚,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了建蹄?” 一聲冷哼從身側(cè)響起碌更,我...
    開封第一講書人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎洞慎,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嘿棘,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡劲腿,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了鸟妙。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片焦人。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖重父,靈堂內(nèi)的尸體忽然破棺而出花椭,到底是詐尸還是另有隱情,我是刑警寧澤房午,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布矿辽,位于F島的核電站,受9級(jí)特大地震影響郭厌,放射性物質(zhì)發(fā)生泄漏袋倔。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一折柠、第九天 我趴在偏房一處隱蔽的房頂上張望宾娜。 院中可真熱鬧,春花似錦扇售、人聲如沸前塔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)华弓。三九已至,卻和暖如春巷懈,著一層夾襖步出監(jiān)牢的瞬間该抒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留凑保,地道東北人冈爹。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像欧引,于是被迫代替她去往敵國(guó)和親频伤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容