導(dǎo)語(yǔ)：本篇文章是參加產(chǎn)品設(shè)計(jì)課程整理的筆記爽冕，本文主要說(shuō)明了產(chǎn)品的情感定位和界面設(shè)計(jì)，在實(shí)際工作過(guò)程中，產(chǎn)品是不需要深入視覺(jué)設(shè)計(jì)的充石，但是具備一定的視覺(jué)設(shè)計(jì)常識(shí)，對(duì)于產(chǎn)品的把握還是有幫助的霞玄。至于情感定位骤铃，使用產(chǎn)品的過(guò)程中你一定會(huì)體會(huì)這個(gè)產(chǎn)品背后的性格喲！
關(guān)于產(chǎn)品的情感定位與視覺(jué)設(shè)計(jì)溃列，最后的產(chǎn)出結(jié)果是產(chǎn)品的界面劲厌。
產(chǎn)品的界面設(shè)計(jì)關(guān)注哪些要點(diǎn)？
1.界面的視覺(jué)風(fēng)格（品牌形象听隐，一般不會(huì)輕易改變）
2.用戶的視覺(jué)感受
3.界面視覺(jué)焦點(diǎn)的組成（關(guān)注的焦點(diǎn)是什么有很多方法补鼻，但視覺(jué)焦點(diǎn)的多少與顯示的尺寸成正比，如電視機(jī)的視覺(jué)焦點(diǎn)不能超過(guò)手機(jī)雅任，因?yàn)榇嬖谟脩襞c屏幕距離的問(wèn)題）
4.操作控件的視覺(jué)表達(dá)
情感定位
情感設(shè)計(jì)在意的是你的用戶使用你的產(chǎn)品時(shí)會(huì)有什么感受
如何設(shè)計(jì)用戶的感受风范？為產(chǎn)品進(jìn)行性格定位
用戶滿意度，越往上走沪么，用戶可能的滿意度就越高硼婿。
一般產(chǎn)品設(shè)計(jì)包括功能設(shè)計(jì)、易用性設(shè)計(jì)和情感設(shè)計(jì)禽车，但一般投入時(shí)間主要在投在前兩項(xiàng)寇漫。
產(chǎn)品設(shè)計(jì)的一般流程：風(fēng)格-》樣式-》感受
為何要去定義產(chǎn)品的性格？
在電影人物中殉摔，我們一般都會(huì)很快記住主角州胳，因?yàn)橐话阒鹘堑男愿裉卣魍怀觯a(chǎn)品也一樣逸月，鮮明的產(chǎn)品性格栓撞，更容易讓用戶記住并使用它。
什么是性格？它指的是穩(wěn)定的瓤湘，具有核心意義和長(zhǎng)期的一種氣質(zhì)瓢颅。
隨著技術(shù)的發(fā)展，大而全的東西反而不受歡迎弛说，而垂直個(gè)性化卻有很大的市場(chǎng)挽懦。
如何去定義產(chǎn)品的性格？
(1) 產(chǎn)品定位
清新感剃浇？還是富有激情巾兆？
（2）擬人角色
ex:nike+
給人嚴(yán)厲、專業(yè)又有點(diǎn)小幽默的感覺(jué)
500px：
給人攝影大師的感覺(jué)虎囚，不愛(ài)說(shuō)話角塑，所以只有圖片
（3）功能+場(chǎng)景
思考你的產(chǎn)品用戶的形象，性別淘讥，年齡圃伶、語(yǔ)言...
ex：3-4歲用戶，好動(dòng)蒲列、有一定認(rèn)知能力窒朋，需要人陪伴
產(chǎn)品的形象接近mama，具有親和力蝗岖，同事也有適度的威嚴(yán)
針對(duì)青年白領(lǐng)的電商產(chǎn)品：
售前產(chǎn)品形象：懂行侥猩、年齡接近、大人抵赢、經(jīng)驗(yàn)豐富
售后產(chǎn)品形象：有決策權(quán)欺劳，識(shí)大體
明確產(chǎn)品的性格后如何進(jìn)行風(fēng)格設(shè)計(jì)？
1.收集素材
2.做剪貼板
推薦書(shū)目
《版式設(shè)計(jì)的原理及應(yīng)用》
《交互設(shè)計(jì)沉思錄》
視覺(jué)設(shè)計(jì)
視覺(jué)設(shè)計(jì)是一項(xiàng)長(zhǎng)期收集的階段铅鲤，它涉及版式設(shè)計(jì)划提、文字設(shè)計(jì)、色彩設(shè)計(jì)和圖形設(shè)計(jì)邢享。
在實(shí)際的工作過(guò)程中鹏往，通常有專門(mén)的UI團(tuán)隊(duì)進(jìn)行視覺(jué)設(shè)計(jì)。
從網(wǎng)上找的一些資料骇塘，是產(chǎn)品視覺(jué)設(shè)計(jì)的注意細(xì)節(jié)
1 界面元素的對(duì)齊伊履，在布局的時(shí)候經(jīng)常需要做到視覺(jué)上的對(duì)齊，而不是機(jī)械的對(duì)齊款违，但這不是界面元素可以隨意擺放的借口唐瀑，該對(duì)齊的內(nèi)容需要對(duì)齊。
2 像素精確奠货，雖然現(xiàn)在的分辨率越來(lái)越高介褥，但是很多圖標(biāo)座掘、按鈕的邊緣還是最好都檢查一遍保證垂直和水平邊緣不會(huì)被虛化递惋。
3 界面光源的一致性柔滔，一致性是個(gè)很大的課題，細(xì)節(jié)方面的一致性應(yīng)該包括界面元素萍虽、文字陰影睛廊、圖標(biāo)等的光源。假設(shè)深色的標(biāo)題文字用了向下的淡色投影表現(xiàn)內(nèi)凹效果杉编，那正文就應(yīng)該避免用深色的文字向上投深色的陰影
4 圖標(biāo)面積的一致性超全，設(shè)計(jì)的時(shí)候放到實(shí)際屏幕上以較遠(yuǎn)的距離查看，是不是有哪些會(huì)特別輕或特別重邓馒，然后再去調(diào)整尺寸
5 文案嘶朱，雖然這不是直接的界面設(shè)計(jì)元素，但是嚴(yán)謹(jǐn)光酣、完整的文案也是給所有設(shè)計(jì)加分的疏遏。常見(jiàn)的問(wèn)題有中文錯(cuò)別字、英文該大寫(xiě)的沒(méi)大寫(xiě)救军、拼寫(xiě)錯(cuò)誤等等
6 別直接使用 Windows 自帶宋體 / 黑體里的英文
7 謹(jǐn)慎地使用高飽和度顏色财异、大差別漸變，一些醒目出跳的顏色和漸變使用起來(lái)要比較小心唱遭，否則很容易產(chǎn)生“俗氣”的感覺(jué)
8 適當(dāng)?shù)牧舭?/b>戳寸，做一些“大氣”的設(shè)計(jì)時(shí)候能成為一個(gè)很好的說(shuō)辭，但是留白同時(shí)也很難掌握度拷泽，過(guò)度的留白有時(shí)候會(huì)起到反作用疫鹊，讓作品看起來(lái)沒(méi)有細(xì)節(jié)、內(nèi)容空洞跌穗。
放一張本人做的一張圖好啦~請(qǐng)輕拍订晌！
小T：連高校產(chǎn)品經(jīng)理，不會(huì)運(yùn)營(yíng)的設(shè)計(jì)不是好產(chǎn)品經(jīng)理蚌吸，求輕拍锈拨！求關(guān)注！-
個(gè)人微信號(hào)：timebaby91
運(yùn)營(yíng)公眾號(hào)：
連高校（lgaoxiao）你的夢(mèng)想智囊團(tuán)
個(gè)人公眾號(hào)：
我有一個(gè)小秘密 （smallsecret）關(guān)注互聯(lián)網(wǎng)產(chǎn)品羹唠、運(yùn)營(yíng)和設(shè)計(jì)
http://www.chanpin100.com/archives/8723
