- 相關(guān)推薦
h5設(shè)計(jì)心得體會(huì)
在平日里，心中難免會(huì)有一些新的想法，不妨將其寫成一篇心得體會(huì)，讓自己銘記于心，通過寫心得體會(huì)，可以幫助我們總結(jié)積累經(jīng)驗(yàn)。相信許多人會(huì)覺得心得體會(huì)很難寫吧，下面是小編整理的h5設(shè)計(jì)心得體會(huì)，希望能夠幫助到大家。
h5設(shè)計(jì)心得體會(huì)1
去年JDC出了不少優(yōu)秀的武媚娘…不，H5模板制作呢，大家都很拼，同時(shí)當(dāng)然也積累了一些經(jīng)驗(yàn)和教訓(xùn)，今天結(jié)合咱們的實(shí)戰(zhàn)案例，從字體，排版，動(dòng)效，音效，適配性，想法這幾個(gè)方面好好聊一聊關(guān)于H5的設(shè)計(jì)，希望對(duì)同學(xué)們有幫助。
字體
H5移動(dòng)端頁(yè)面設(shè)計(jì)心得分享 三聯(lián)
排版
在有限的手機(jī)屏幕空間內(nèi)，我們積累的經(jīng)驗(yàn)告訴我們最好的效果是簡(jiǎn)單集中，最好有一個(gè)核心元素，中心元素不宜過多，突出重點(diǎn)為最優(yōu)。
20jd20150124
比如JDC的“拍拍十二星座實(shí)用手冊(cè)”的項(xiàng)目，只用了最簡(jiǎn)單的圖形和文字居中擺放。
以可口可樂的這個(gè)“我們?cè)谶@我們?cè)诤酢睘槔噍^而言，越左邊的排版會(huì)越容易引起關(guān)注。這是因?yàn)槲覀儜卸璧拇竽X里最初看到這種簡(jiǎn)潔排版會(huì)立刻出現(xiàn)“嗯我可以馬上看完不費(fèi)勁”的潛意識(shí)信息而帶著輕松的態(tài)度去閱讀。
動(dòng)效
1 / 前期跟前端設(shè)計(jì)師進(jìn)行溝通，討論頁(yè)面中元素的動(dòng)效呈現(xiàn)。例如一些元素的位移，旋轉(zhuǎn)，翻轉(zhuǎn)，縮放，逐楨，淡入淡出，粒子效果，照片處理等等，還有3D展示效果。這個(gè)網(wǎng)站里有h5所能實(shí)現(xiàn)的效果)
16jd20150124
比如JDC出品的“京東HR招聘”里面就用了位移，縮放，淡入淡出的效果。而“京東微店七宗罪”的最慷慨這一屏則是用到了粒子效果，每個(gè)錢幣翻轉(zhuǎn)下落的速度不一樣顯得畫面更真實(shí)。今年在朋友圈瘋轉(zhuǎn)的維多利亞和特斯拉的H5用的是擦除的效果，模糊的遮罩足夠挑起人們的好奇心。
以上兩款，包括今年最火的H5案例都在這了 >>>《如此風(fēng)騷!20xx年刷爆朋友圈的十大 HTML5 技術(shù)案例》
2 / 背景動(dòng)效其實(shí)比較推薦緩動(dòng)效果，如“京東管培生招聘”的例子里星空中一閃而過的流星，間歇性出現(xiàn)不搶主角風(fēng)頭再好不過了.
3 /復(fù)雜多變的動(dòng)效不一定是好的，要考慮到加載速度等用戶體驗(yàn)問題。
音效
1 / 考慮到用戶使用場(chǎng)景的多樣性，那種介紹類的如果要加背景音樂，盡量不要太粗暴。有一點(diǎn)循序漸進(jìn)最好，給用戶留時(shí)間在騷擾別人之前可以關(guān)閉。
或者可以在開始時(shí)是關(guān)閉狀態(tài)。但做游戲h5頁(yè)面的時(shí)候，音樂可以沒有關(guān)閉開啟按鈕，因?yàn)橛脩魧?duì)接下來發(fā)生的事是有預(yù)知的。
2 / 考慮每一頁(yè)音樂按鈕放置的明顯性。如果能用其他頁(yè)面元素去替代音樂符號(hào)作為按鈕也是極好的。
給前端設(shè)計(jì)師的音樂文件：格式為mp3等，單軌，最好30秒以內(nèi)。為了加載速度，文件大小盡量控制在：100k以內(nèi)最佳，可以用Adobe Audition等軟件來壓縮。作為無限循環(huán)的背景音樂，截取時(shí)一定要注意頭尾得連接得上。
交互
1 / 展示型: 有很多種不同的交互方式，最常見的是翻頁(yè)，這種方式制作起來相對(duì)簡(jiǎn)單，多用于展示一些新的產(chǎn)品，功能，或者活動(dòng)介紹等。技術(shù)上現(xiàn)在市面上已經(jīng)有H5在線生成器，基本上給圖片和文字就可以幫你進(jìn)行處理。
除了翻頁(yè)以外，還有點(diǎn)擊，輸入文字，擦除屏幕，滑動(dòng)屏幕等，玩法非常豐富。在“拍拍圣誕活動(dòng)”里就用到了重力感應(yīng)，搖一搖可以隨機(jī)判斷，讓用戶有了自己參與的樂趣。
2 /游戲型：像是起初朋友圈紅過的圍住神經(jīng)貓，或者是我們的“拍拍Jump”這類需要計(jì)算邏輯，得出分?jǐn)?shù)或者結(jié)論的小游戲。
3 /產(chǎn)品型：有一些H5是作為一個(gè)長(zhǎng)期運(yùn)營(yíng)的產(chǎn)品存在的，用戶的訪問可能會(huì)更固定，比如微信里的購(gòu)物頁(yè)面等。
手機(jī)端之間：一般我們先用640X1136進(jìn)行設(shè)計(jì)，參考線會(huì)標(biāo)在960高的地方，主要元素最好不要過高以適配各種機(jī)型。其他安卓機(jī)器前端切圖時(shí)可以適當(dāng)拉伸，變化不會(huì)太大就不用每個(gè)進(jìn)行適配。
響應(yīng)式設(shè)計(jì)：頁(yè)面的設(shè)計(jì)與開發(fā)應(yīng)當(dāng)根據(jù)用戶行為以及設(shè)備環(huán)境(系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等)進(jìn)行相應(yīng)的響應(yīng)和調(diào)整。具體的實(shí)踐方式由多方面組成，包括彈性網(wǎng)格和布局、圖片、CSS media query的使用等。
為不同電子設(shè)備單個(gè)布局，盡量使用純色而非漸變
想法
被大眾主流樂于分享的信息大概有這么幾種：
最直接的利益驅(qū)動(dòng)，分享有獎(jiǎng)或者需要眾籌等，
對(duì)自己有用并且也對(duì)周圍人也會(huì)有新鮮感的信息，
自己參與游戲或者測(cè)試得到的結(jié)果。
不管是分享給朋友或朋友圈還是QQ對(duì)話，讓用戶主動(dòng)去分享你的帶有很大性質(zhì)的廣告意味的信息在自己的`社交群體中，此條信息與自己相關(guān)并且別人也能參與進(jìn)來當(dāng)然是最理想的。
可口可樂北極熊求合影的例子就是一個(gè)很好的宣傳方式，借由簡(jiǎn)單的合成照片技術(shù)讓人們有意愿去分享自己努力創(chuàng)作的照片。還有UJEANS的設(shè)計(jì)延續(xù)了品牌的調(diào)性就是實(shí)用，在選擇你的牛仔褲喜好時(shí)也同時(shí)穿插了商品的說明，顯得不那么生硬，它比較符合理由3。
在我們?cè)O(shè)計(jì)一個(gè)H5頁(yè)面時(shí)，很重要的一點(diǎn)就是站在自己的角度跳出來去看你做的東西，首先一點(diǎn)是你和你周圍的人愿意轉(zhuǎn)發(fā)分享這個(gè)東西嗎?它有趣嗎?它對(duì)其他人也是有用的信息嗎?
在做“1212陪你一二到底”的時(shí)候，我們的設(shè)計(jì)師要在最后引出有優(yōu)惠券領(lǐng)取這個(gè)信息，前面也用用盡了節(jié)操去設(shè)計(jì)文案和人物，在此體會(huì)一下文案的重要性，它是貫穿整個(gè)H5的靈魂。第二張圖上的小字“海外大牌足不出戶購(gòu)遍全球”是產(chǎn)品想說的硬廣告臺(tái)詞，但在小小的手機(jī)屏幕里，碎片時(shí)間中，我們必須先抓人眼球，再抓住人心，所以”身體和快遞，至少一個(gè)在路上“。
對(duì)于展示型和互動(dòng)型H5來說最重要的還是想法。對(duì)于設(shè)計(jì)師來說，也許他們給到我們的只有幾行文字，那時(shí)候前期構(gòu)思這個(gè)H5的時(shí)間有可能比真正做的時(shí)間還要長(zhǎng)。
比如拍拍網(wǎng)全球同步發(fā)售iPhone6的這個(gè)消息要做成H5，如果我們只是做一張炫酷的圖片告訴大家我們這里有iphone6分享朋友圈有可能中獎(jiǎng)，也會(huì)有利益驅(qū)動(dòng)的誘惑讓人去轉(zhuǎn)發(fā)分享。但通過大家的腦爆，我們將這句話變成“關(guān)于Phone6的哥德巴赫猜想”，根據(jù)測(cè)試結(jié)果得出有趣的結(jié)論，這樣轉(zhuǎn)發(fā)的并不是赤果果的求中獎(jiǎng)行為，還帶著有趣的插圖和自己測(cè)出來的殺馬特范，是不是顯得更含蓄更不經(jīng)意呢。這樣最終轉(zhuǎn)發(fā)的理由上述1，2，3好像都有了呢。
今年JDC大概做了十多個(gè)H5 頁(yè)面，產(chǎn)量頗豐。 H5和app比起來優(yōu)勢(shì)在于開發(fā)周期時(shí)間短，傳播起來有效率，并且在更新迭代的成本上要小很多。特別在游戲上，未來H5模板制作會(huì)有更多的可能性。我們也會(huì)堅(jiān)持去研究和嘗試，不管是新技術(shù)，還是更有趣的營(yíng)銷方式，和大家共勉。
h5設(shè)計(jì)心得體會(huì)2
1、交互上，慎用向右滑動(dòng)的操作方式。
如：刮刮樂涂抹效果，左右滑動(dòng)翻頁(yè)等。
原因：蘋果手機(jī)上，向右滑動(dòng)容易觸發(fā)返回“上一級(jí)頁(yè)面”效果。
2、交互上，慎用橫屏展示效果。
原因：體驗(yàn)上，需要用戶設(shè)備開啟屏幕旋轉(zhuǎn)功能，才能正常觀看，用戶操作成本高。對(duì)不同屏幕的手機(jī)，長(zhǎng)寬比例不一，難以展示最佳的視覺效果。
3、視覺上，功能按鈕等，遠(yuǎn)離頁(yè)面底部(大概128px，這個(gè)尺寸不是固定值)，具體看重構(gòu)采用什么適配方式(僅供參考：640*1136 px，從上往下計(jì)算，主要內(nèi)容在1008px內(nèi))。
原因：更好的適配各種屏幕的手機(jī)，避免按鈕被擋住。
4、視覺上，慎用“光線疊加效果”或PS里面的“圖層樣式”效果。
如：給圖層加個(gè)“柔光”、“濾色”、“色相”等等效果，除非這個(gè)視覺元素可以合并為一體。
原因：給重構(gòu)挖坑，導(dǎo)致不好切圖，無法還原視覺效果。
5、視覺上，矢量圖?想做簡(jiǎn)單的動(dòng)畫?導(dǎo)出SVG格式試試!
原因：能減少體積的事，為什么拒絕呢……
6、動(dòng)畫上，盡量避免全屏動(dòng)畫，優(yōu)先考慮局部動(dòng)畫的方式。
如：各種粒子效果全屏飄過等。
原因：如果呈現(xiàn)的視覺效果無法用代碼實(shí)現(xiàn)，就意味著要用全屏尺寸的序列幀來處理，體積上會(huì)飆升，影響加載體驗(yàn)。
7、動(dòng)畫上，序列幀壓縮小技巧，靜態(tài)的畫面，保存較高質(zhì)量。中間運(yùn)動(dòng)的模糊狀態(tài)，大膽的'壓低畫面質(zhì)量吧。
原因：壓縮體積，運(yùn)動(dòng)狀態(tài)就算有鋸齒也不明顯。
8、重構(gòu)上，，壓縮下，有效減少體積。
原因：額，這個(gè)也要說原因?好吧，偷偷告訴你，現(xiàn)在這網(wǎng)站不止可以壓縮png，還可以壓縮jpg，更重要的是……支持批量下載了!
9、重構(gòu)上，音樂請(qǐng)壓縮下，能大大減少整體的體積。
技巧：如果沒有特殊要求，可以考慮弄成單聲道音頻文件，比特率48或更低就行了。
10、重構(gòu)上，安卓機(jī)不支持多個(gè)音頻同時(shí)播放……意味著無法背景音樂跟音效同時(shí)播放!(蘋果機(jī)則沒問題)
11、重構(gòu)上，視頻無法自動(dòng)播放，首次播放需要用戶點(diǎn)擊觸發(fā)。
(視頻用什么格式?建議用mp4格式，并用H.264編碼器)
12、重構(gòu)上，測(cè)試請(qǐng)多留意“魅族”手機(jī)和華為P6/P7等，屏幕底部采用虛擬按鈕的手機(jī)。設(shè)備容易出問題。
說那么多，再來幾條小知識(shí)。
到底是什么用瀏覽器內(nèi)核?額，這個(gè)問題還真難說清楚。
安卓：
微信5.4-6.1版本，如果有安裝QQ瀏覽器，則用QQ瀏覽器的內(nèi)核。否則用手機(jī)系統(tǒng)自帶的。
微信6.1版本后，內(nèi)嵌了QQ瀏覽器的內(nèi)核。
QQ瀏覽器：6.2版本及以后使用blink內(nèi)核。之前用webkit內(nèi)核。
蘋果：
一直都是系統(tǒng)自帶的……
向上滑動(dòng)翻頁(yè)的操作，視覺指引的箭頭應(yīng)該是向上，而不是向下哦;除非你是點(diǎn)擊翻頁(yè)效果，才用向下的箭頭。
指紋掃描?親屏幕觸發(fā)互動(dòng)?吹口氣檢測(cè)氣體成份?
這些都是偽技術(shù)，開開心心被玩弄下就好了，哈哈。
不過像多屏互動(dòng)，音頻分析等，通過各種接口做技術(shù)支持，實(shí)現(xiàn)一些互動(dòng)操作，這些可是未來的趨勢(shì)哦!
h5設(shè)計(jì)心得體會(huì)3
我的實(shí)習(xí)是從大三剛開學(xué)，被一位老師推薦到一家室內(nèi)設(shè)計(jì)公司實(shí)習(xí)了!真慶幸自己平時(shí)能利用課余時(shí)間學(xué)到那些設(shè)計(jì)方面的知識(shí)，和大二暑假到那家設(shè)計(jì)公司實(shí)習(xí)啊!要不是這些，我想現(xiàn)在就由學(xué)校安排到廠工里當(dāng)普工。但自己最大的收獲是將所學(xué)的Adobe軟件用于實(shí)踐，并且通過實(shí)踐檢驗(yàn)了自己關(guān)于設(shè)計(jì)方面的假設(shè)和猜想，取得了一些令自己滿意的成績(jī)。 在我進(jìn)入室內(nèi)設(shè)計(jì)公司老板讓我先了解有和室內(nèi)裝飾、結(jié)構(gòu)等方面的知識(shí)。讓我在實(shí)習(xí)前做好各種準(zhǔn)備咯!，實(shí)習(xí)期間也學(xué)到不少東西，現(xiàn)在才知道平時(shí)的努力沒有白費(fèi)。
接下來我開始在公司老板的指導(dǎo)后，慢慢的溶入室內(nèi)裝飾的各個(gè)領(lǐng)域，在設(shè)計(jì)過程中，遇到不少難題，對(duì)于一位包裝專業(yè)和學(xué)過平面設(shè)計(jì)的學(xué)生來說，設(shè)計(jì)一個(gè)招牌或名片應(yīng)該沒有多大問題，但對(duì)于室內(nèi)設(shè)計(jì)如：要各種各式的住宅、豪宅、平面布置圖、施工立面圖，還有很多地方把我難住了。這時(shí)，我不得不去網(wǎng)上尋找室內(nèi)設(shè)計(jì)的資料和有關(guān)設(shè)計(jì)軟件。外面看來很簡(jiǎn)單，但自己做起來真坎坷，改了再改、修了再修，一次次的讓老板、職業(yè)高手、網(wǎng)友評(píng)教，指點(diǎn)反反復(fù)復(fù)，不斷的增加自己的設(shè)計(jì)能力和視覺鑒賞能力。
第一階段開始，我只懂得個(gè)軟件。評(píng)自己的愛好，還有公司的引導(dǎo)，我從簡(jiǎn)單的'手繪圖開始，慢慢的懂得室內(nèi)視覺上的知識(shí)，慢慢的還能畫出手繪圖出來。接下來就是仿別人的作品，自己用軟件，把別人的作品一模一樣的仿出來，就這樣，我在過程當(dāng)積累了不少知識(shí)和經(jīng)驗(yàn)。
第二階段，我再也不用一模一樣的跟著別人畫了，學(xué)會(huì)了用別人的優(yōu)秀用品和家宅設(shè)計(jì)的精點(diǎn)，集中到自己的作品中，就這樣，我開始能獨(dú)立的出室內(nèi)效果圖了，評(píng)自己的興趣和激情，很快就能應(yīng)手得心的畫出個(gè)效果圖來。
第三階段，就開始運(yùn)用CAD繪出各種住宅平面圖和施工立面布置圖，畫施工圖，不但要會(huì)繪畫還要求要懂得人力學(xué)和各個(gè)家具的長(zhǎng)度、高度、等比例大小!現(xiàn)在正著重在這一方塊的工作中。
其實(shí)除了上面的收獲外，我平時(shí)還不斷的學(xué)3DMAX、還有其它室內(nèi)設(shè)計(jì)的軟件。在業(yè)余上還幫公司和其它朋友做些平面設(shè)計(jì)方面的東西，如畫冊(cè)、LOGO工作服、VI、簡(jiǎn)介封面、包裝袋等。
大學(xué)生寒假實(shí)習(xí)報(bào)告調(diào)查報(bào)告專題實(shí)習(xí)證明電子商務(wù)專業(yè)�，F(xiàn)在自己對(duì)以后從事的行業(yè)和志向還是比較清晰的啦，自己在設(shè)計(jì)這方面還有很多的興趣和潛力的，現(xiàn)在已經(jīng)習(xí)慣了實(shí)習(xí)的公司，公司方也讓我繼續(xù)留在公司工作。而我個(gè)人覺得如果單位還有自己的發(fā)展空間和有個(gè)和諧的工作環(huán)境那就不要到處跑啦，待遇方面不要太坎坷就可以啦!滿足常樂就是這個(gè)意思咯!呵呵。努力啦!
在實(shí)習(xí)間看到不少同學(xué)，一個(gè)崗位一個(gè)崗位的換。
相對(duì)比起來，本人的心態(tài)還算可以的啦，給自己定位好的東西，就不要亂改啦�，F(xiàn)在工資高低并不能判斷一個(gè)人能力的高低，最重要的是能學(xué)到屬于自己的手藝。去到哪都不怕餓死!!腳踏實(shí)地，從實(shí)際出發(fā)去工作，去看問題。自己會(huì)覺得有安全感咯! 以上就是自己對(duì)這兩個(gè)月的實(shí)習(xí)生活所做的總結(jié)。除了上述方面的收獲外，我還體驗(yàn)到了人生中的其它方方面面。這一次的實(shí)習(xí)是我人生當(dāng)中最有紀(jì)念價(jià)值的階段之一。給我?guī)磉@么深的感悟：實(shí)習(xí)不僅教會(huì)了我藝術(shù)設(shè)計(jì)方面的知識(shí)，更重要的是它讓我學(xué)會(huì)了生活中的點(diǎn)滴感動(dòng)。這三個(gè)月中的所得，無論自己將來從事何種職業(yè)，都將使我終身受益。
h5設(shè)計(jì)心得體會(huì)4
一、運(yùn)營(yíng)H5概況：
1.1APP產(chǎn)品流程(運(yùn)營(yíng)設(shè)計(jì)的相關(guān)背景)
先說說產(chǎn)品的流程，移動(dòng)產(chǎn)品從出生到和用戶見面大多都會(huì)經(jīng)歷這么幾個(gè)階段：
在功能定位——交互流程(Ui)——視覺界面(GUI)——開發(fā)和測(cè)試，這幾個(gè)步驟，基本實(shí)現(xiàn)了產(chǎn)品從0到1。如果要公司戰(zhàn)略中考慮將上線的APP被更多的用戶見到、使用到，那么就需要運(yùn)營(yíng)登上舞臺(tái)了;
1.2UI設(shè)計(jì)分工/職責(zé)
公司如果規(guī)模比較大，產(chǎn)品需求和運(yùn)營(yíng)需求都會(huì)分配到對(duì)應(yīng)的產(chǎn)品UI設(shè)計(jì)師或者運(yùn)營(yíng)設(shè)計(jì)師，他們負(fù)責(zé)那些工作呢?
產(chǎn)品設(shè)計(jì)：界面布局的合理性以及如何引導(dǎo)用戶完成操作等流程化設(shè)計(jì);運(yùn)營(yíng)設(shè)計(jì)：活動(dòng)專題、焦點(diǎn)圖(banner)等更加偏向于視覺化和營(yíng)銷類的設(shè)計(jì)。而在運(yùn)營(yíng)H5頁(yè)面設(shè)計(jì)中，它需要考慮的是這兩個(gè)的集合，一要兼顧視覺化的、創(chuàng)意的、吸引人的，也要兼顧能合理布局頁(yè)面信息，引導(dǎo)用戶進(jìn)行操作(購(gòu)買/等行為)。
1.3運(yùn)營(yíng)H5活動(dòng)的功能目標(biāo)
正如《交互設(shè)計(jì)精髓》這本書中開篇提到的——以目標(biāo)為導(dǎo)向進(jìn)行設(shè)計(jì)，運(yùn)營(yíng)活動(dòng)也不例外，運(yùn)營(yíng)需求的功能目標(biāo)總結(jié)為四個(gè)類型：01活動(dòng)運(yùn)營(yíng)型：///測(cè)試;02品牌宣傳型：公司/產(chǎn)品的微官網(wǎng)；03產(chǎn)品介紹型：提升轉(zhuǎn)化率；04總結(jié)型：增加用戶粘性;
1.4運(yùn)營(yíng)H5活動(dòng)表現(xiàn)形式
目前比較常見的有四種類型：01簡(jiǎn)單圖文;02紅包/送券/賀卡/邀請(qǐng)函;03做任務(wù)：?jiǎn)柎?評(píng)分/測(cè)試;04游戲;
1.5公司運(yùn)營(yíng)情況
由于每個(gè)公司針對(duì)的用戶群不一樣，因此在具體的運(yùn)營(yíng)需求，其需求的功能目標(biāo)也會(huì)不一。如媽咪知道，運(yùn)營(yíng)需求每個(gè)月都會(huì)有，尤其是在產(chǎn)品發(fā)布新功能、(//等)、重大活動(dòng)(公司周年/問診節(jié)等)這幾個(gè)時(shí)期提需求，具體的功能目標(biāo)如下：
20xx年第四個(gè)季度運(yùn)營(yíng)需求
二、運(yùn)營(yíng)H5設(shè)計(jì)流程
在了解了運(yùn)營(yíng)H5活動(dòng)的一個(gè)基本概況后，能幫助我們?cè)谧鲈O(shè)計(jì)的時(shí)候，以目標(biāo)為導(dǎo)向進(jìn)行設(shè)計(jì)，當(dāng)然落到實(shí)際情況，接到運(yùn)營(yíng)H5需求，也還是需要考量視覺層面的東西。
2.1日常準(zhǔn)備
好設(shè)計(jì)來自有準(zhǔn)備，在這里我做的準(zhǔn)備如下：
2.1.1觀察生活，記錄。線下：商場(chǎng)的櫥窗設(shè)計(jì)，廣告招貼畫，地鐵的廣告貼;線上：競(jìng)品，電商等app;與有關(guān)的：，等，用心去觀察，隨時(shí)記錄自己當(dāng)時(shí)的靈感，都是以后設(shè)計(jì)中的財(cái)富。
2.1.2和整理。每逢節(jié)假日，淘寶，京東，外賣的app的營(yíng)宣活動(dòng)特別多，及時(shí)參與，及時(shí)截圖保存，競(jìng)品的相關(guān)類的活動(dòng)也是及時(shí)參與，了解其的玩法和現(xiàn)有的設(shè)計(jì)手法。靈感庫(kù)網(wǎng)上還有推薦Dribble、Behance、pinterest、花瓣、Google的Panda插件)等，個(gè)人的收藏習(xí)慣中比較偏好花瓣，只要你有網(wǎng)絡(luò)，手機(jī)/公司/家里電腦都可以隨時(shí)看。
花瓣畫板
tip01:對(duì)于建立畫板名稱看個(gè)人習(xí)慣，分組和命名方式完全依照自己的習(xí)慣記憶和搜索方式來定即可。tip02:需要每天刷，大量的閱覽，搜集喜歡的需要的，并隔一段時(shí)間做刪減工作，刪去覺得已經(jīng)過時(shí)了的、沒用的(畢竟隨著實(shí)戰(zhàn)和眼界的提升，有些圖看不上了嘛)。tip03:可以嘗試分析她們的優(yōu)缺點(diǎn)，如果可以的話以郵件方式給內(nèi)部組員分享。
2.1.3練習(xí)與模仿。好的效果和展現(xiàn)形式都可以模仿，字體變形，光影表現(xiàn)等，基本的技法都是可以在平時(shí)積累的。題主比較懶，這個(gè)我平時(shí)一般看到好的，會(huì)收集起來，在實(shí)踐過程中，直接復(fù)制粘貼，臨摹。
2.1.4公司資源管理策略。對(duì)于這點(diǎn)題主表示很有發(fā)言權(quán)，剛進(jìn)到公司，我不知道自己要達(dá)到一個(gè)設(shè)計(jì)水準(zhǔn)，也不知道同組設(shè)計(jì)師的設(shè)計(jì)水準(zhǔn)，如果公司有共享文件，可以借熟悉公司環(huán)境的前兩天了解一下(剛?cè)肼氁话悴粫?huì)著急給你需求，時(shí)間還比較寬裕)。題主的的做法是在share查看之前的設(shè)計(jì)，了解你要輸出的產(chǎn)物list，如何管理輸出物文件(命名/文件夾管理等)。獲知你大概要達(dá)到的高度，或者是否可以超越，能否有直接挪用的資源，哪種手段不太熟悉可以直接詢問同事(一般做設(shè)計(jì)的同事都比較友善的)。
準(zhǔn)備工作大致是四個(gè)思路，基本可以為幫助你在實(shí)際項(xiàng)目中，幫你快速得到創(chuàng)作源泉和靈感，大大提高你的工作效率。
2.2真正實(shí)戰(zhàn)
2.2.1前期準(zhǔn)備
這個(gè)階段主要包含這四個(gè)方面：溝通需求/分析定位/風(fēng)格確定/視覺推導(dǎo)。
已之前的媽咪問診節(jié)開幕活動(dòng)的需求為例來闡述。
交互稿(ppt文件)
(1)溝通需求階段(分析定位)：
做設(shè)計(jì)的話，溝通肯定是必不可少的了，這里分別涉及到了跟需求人(主要是運(yùn)營(yíng)策劃)/交互設(shè)計(jì)師/前端設(shè)計(jì)師/領(lǐng)導(dǎo)之間的溝通，題主剛接手運(yùn)營(yíng)H5設(shè)計(jì)欠缺這塊經(jīng)驗(yàn)，有一個(gè)設(shè)計(jì)反復(fù)被要求改稿，了，就是因?yàn)榍捌跍贤ㄟ@一環(huán)節(jié)出了問題。可見前期溝通時(shí)多重要的事情啊，千萬(wàn)不能少這一步驟。后來我是怎么完善的呢?
首先，好的習(xí)慣是，從運(yùn)營(yíng)策劃那拿到交互稿后，從上到下完整的先過一遍交互稿，一方面是看交互稿的內(nèi)容完不完整，是不是還有些內(nèi)容點(diǎn)忘記做了，另一方面也會(huì)咨詢一下交互設(shè)計(jì)師，有哪些地方是需要設(shè)計(jì)師特別注意的啊，有沒有什么內(nèi)容是要優(yōu)先做的啊等等，如果沒有特殊要求的話，我一般都是會(huì)從彈窗開始。
其次，頁(yè)面信息涉及到手機(jī)號(hào)碼/錯(cuò)誤提示/日期選擇/地址輸入等內(nèi)容，一方面需要和運(yùn)營(yíng)策劃溝通，是否需要手機(jī)驗(yàn)證碼;另一方面也需要和開發(fā)溝通，詢問是否他們H5的模版(時(shí)間選擇器/地址選擇器等)如果有的話，就不必花費(fèi)時(shí)間進(jìn)行設(shè)計(jì)，因?yàn)殚_發(fā)也不會(huì)按照一個(gè)運(yùn)營(yíng)活動(dòng)單獨(dú)寫一個(gè)實(shí)現(xiàn)的代碼，不過記得在tapd需求單上進(jìn)行備注，以及和需求&開發(fā)同步。如果沒有，作為設(shè)計(jì)師的你那就需要考慮各種狀態(tài)的設(shè)計(jì)等。
第三，詢問彈窗的文案標(biāo)題這些是否是最后確認(rèn)了，以免涉及到字體變形最后發(fā)現(xiàn)文案要改那真是麻煩，如果拿到需求覺得標(biāo)題不是特別好或者有疑問的時(shí)候，最好和運(yùn)營(yíng)直接溝通商量，看能不能對(duì)文案有一些修改調(diào)整，私自改動(dòng)那將面對(duì)后期改動(dòng)的慘劇。
第四，溝通階段的，關(guān)鍵的點(diǎn)在于準(zhǔn)確了解運(yùn)營(yíng)活動(dòng)的意圖/定位。通過運(yùn)營(yíng)活動(dòng)傳達(dá)一種什么目的/態(tài)度，營(yíng)造一種什么氣氛，好玩的，有趣的，暖心的，促銷的，還是高端大氣的。雖然現(xiàn)在風(fēng)格可以我們自己來定，但權(quán)還是沒有那么大，在需求溝通階段還是最好詢問一下，以免走偏。
以上就是我的一些前期準(zhǔn)備工作，算是溝通完了，接下來我們繼續(xù)看。
(2)風(fēng)格確定階段
需要考慮到活動(dòng)的受眾人群的年齡和活動(dòng)主題的氣質(zhì)色彩。由于運(yùn)營(yíng)活動(dòng)主要由運(yùn)營(yíng)組提出，磨合多了，風(fēng)格彼此了然，但是醫(yī)學(xué)小組或者其他的提出H5需求，設(shè)計(jì)師可以將各類型風(fēng)格展示出來，給對(duì)方挑選一個(gè)合適的方向。
大致風(fēng)格就是這么幾種。
設(shè)計(jì)經(jīng)驗(yàn)：01預(yù)防針：了解對(duì)方思路，大家腦海里也許已經(jīng)有一個(gè)大概的風(fēng)格印象。02根據(jù)活動(dòng)的上線時(shí)間長(zhǎng)短，時(shí)間，個(gè)人能力等條件來選擇;03不要被風(fēng)格約束，能夠自由發(fā)揮，不要總做同一種風(fēng)格，希望有所嘗試。
對(duì)接需求時(shí)，我也會(huì)和運(yùn)營(yíng)說一下自己的：不想太約束，能夠自由發(fā)揮，不想總做同一種風(fēng)格，希望有所嘗試。
這一階段傳達(dá)主要目的：需求方腦海里也許已經(jīng)有一個(gè)大概的樣子模型。但我們也不能夠說得太細(xì)，只是需要了解方向思路對(duì)不對(duì)就好了，一方面是因?yàn)檫�沒有開始執(zhí)行你也沒法具體到很細(xì)致的地方，另一方面是因?yàn)�，如果一開始就把整個(gè)頁(yè)面的設(shè)計(jì)全定死了，那往后如果出現(xiàn)突發(fā)情況或者被需求人誤以為頁(yè)面就是這樣了，后面你想靈活發(fā)揮就很難了。
(3)視覺推導(dǎo)階段：
通過重要的溝通階段(風(fēng)格確定階段可有可無，前期可能需要，但隨著需求接的多了，對(duì)方會(huì)信任你的設(shè)計(jì)，不用每次有需要確認(rèn)風(fēng)格)，那接下來很重要的'事情就是勾畫草圖，找感覺。(運(yùn)營(yíng)H5活動(dòng)，一般是入口和頁(yè)面構(gòu)成，像我所在的公司，運(yùn)營(yíng)H5入口為彈窗，那彈窗的重要性可想而知，需要考究之前所說的視覺化的、創(chuàng)意的、吸引人的，如果有些H5活動(dòng)不需要入口，那第一個(gè)頁(yè)面的視覺為先來考慮。)
第一個(gè)問題來了，在繪制草圖時(shí)如何構(gòu)思?
題外話：我的時(shí)候，運(yùn)營(yíng)H5活動(dòng)基本是和我坐正對(duì)面的美女設(shè)計(jì)師芳芳包攬的，但后期工作需求的調(diào)整，運(yùn)營(yíng)H5開始分配到了我，運(yùn)營(yíng)設(shè)計(jì)從0到1，起初其實(shí)很害怕，不知道接了需求如何著手開始。和小組成員請(qǐng)教，也沒法得到很詳實(shí)的答案，一點(diǎn)點(diǎn)積累，后來需求接的多了，突然想明白了，這不是類似于寫作文嘛，寫作文列提綱，那同樣的，接到需求后，根據(jù)活動(dòng)的上線內(nèi)容和要求，提取關(guān)鍵詞等頭腦方式來進(jìn)行聯(lián)想，是最終畫面效果符合活動(dòng)主題。
比如說節(jié)日類型的活動(dòng)需求--中秋節(jié)，她有哪些元素呢?月亮，嫦娥，兔子，桂樹，月餅等;：圣誕樹，圣誕老師，襪子，禮棒，圣誕顏色(紅綠白)等;這些元素可能一下子考慮不全，沒關(guān)系，咱們可以上花瓣搜，關(guān)聯(lián)搜索，獲取大概等元素，然后組合繪制草圖。
在[媽咪問診節(jié)盛大開幕]活動(dòng)中，我提取的關(guān)鍵詞如下：
媽咪問診節(jié)-關(guān)鍵詞提取
你可能會(huì)問我，能不能在花瓣上去找出完全一模一樣的案例，能找到當(dāng)然很好，但是每個(gè)公司的運(yùn)營(yíng)需求目標(biāo)都不一樣。要找到一摸一樣的這種情況少見，不要太抱希望，有些時(shí)候，根據(jù)關(guān)鍵詞在花瓣或百度查找，找不到合適的素材，那就看丑的素材也能構(gòu)思好的畫面內(nèi)容的，一定要堅(jiān)信自己可以搞定需求。
那第二個(gè)問題，如何做?保守的做法：一般畫2-3個(gè)草圖，可供對(duì)方選擇。和需求方溝通需要和運(yùn)營(yíng)說明的是，草圖是呈現(xiàn)一個(gè)大概的模樣，具體在電腦端設(shè)計(jì)可能有差別，如果在草圖花費(fèi)太多時(shí)間，精力，可能在整個(gè)流程中不太適宜。(有時(shí)候，也會(huì)推翻，因此，讓對(duì)方提供參考圖，把握大方向，這樣可以避免電腦端快結(jié)束了還要改稿)。
草圖VS成稿
通過以上就是我的一些前期準(zhǔn)備工作，算是溝通完了，接下來我們繼續(xù)看。
2.2.2中期執(zhí)行階段
(1)彈窗/第一個(gè)頁(yè)面：
進(jìn)入電腦繪制階段了，是不是好開心啊。因?yàn)樵谏弦粶?zhǔn)備階段中基本找準(zhǔn)了需求核心，可以按照自己的設(shè)計(jì)能力來做設(shè)計(jì)了(說不定還有突破)。從第一頁(yè)開始，之前我習(xí)慣先填充畫布的顏色，定個(gè)大氛圍基調(diào)，再做主標(biāo)題的效果，而且不管三七二十一，先做了字體變形再說，最后面;我知道很多人的習(xí)慣和我一樣，但需求有很多變數(shù)，比如說：
需求方突然要改標(biāo)題文案怎么辦?
把字做好后發(fā)現(xiàn)其他的商品圖或元素怎么排都排不好看了怎么辦?
光做一個(gè)字體設(shè)計(jì)就花費(fèi)了項(xiàng)目一大半的時(shí)間怎么辦?
所以基于種種原因的考慮(說多了都說淚)，我們要學(xué)乖，調(diào)整優(yōu)化自己的做圖順序。
借用婷姐說電商設(shè)計(jì)的話“先把文案先丟在畫布里，弄好畫面形象后再去做標(biāo)題部分的，并且有時(shí)候標(biāo)題字體需要設(shè)計(jì)一下，有時(shí)候只是需要打幾個(gè)字做個(gè)排版就好了，要看具體情況的，因?yàn)椴皇钦f做了字體變形就一定好，不做字體變形就一定不好”。
繪制彈窗之后，及時(shí)和需求方對(duì)第一個(gè)圖，以免方向走偏，走偏了之后也能及時(shí)調(diào)整，不浪費(fèi)更多的時(shí)間。(確定彈窗可能需要一段時(shí)間，這期間，可以著手做別的設(shè)計(jì)需求，時(shí)間有效利用，不要干等運(yùn)營(yíng)的回復(fù)，當(dāng)然你可以主動(dòng)問。)
是不是說漏了一個(gè)配色?
我的主要依據(jù)01活動(dòng)定位/目的;02產(chǎn)品app的品牌調(diào)性進(jìn)行選擇;03數(shù)據(jù)統(tǒng)計(jì)等。如媽咪知道的針對(duì)用戶群，因此色彩選擇上使用活力，明艷的顏色，色調(diào)一般偏明亮調(diào)，黃色/粉色都比較吸引用戶的點(diǎn)擊。
配色
(2)其他頁(yè)面設(shè)計(jì)
彈唱確定之后，繼續(xù)下一個(gè)頁(yè)面，看到紅色標(biāo)識(shí)的頁(yè)面，怎么設(shè)計(jì)頁(yè)面、布局信息呢?
因?yàn)橐ＷC一個(gè)整體的活動(dòng)頁(yè)面，因此第一個(gè)要做的就是延續(xù)彈窗的視覺元素：配色、氛圍元素等，第二個(gè)是要對(duì)頁(yè)面信息進(jìn)行梳理層級(jí)關(guān)系，以便用戶的視覺流線引導(dǎo)。
設(shè)計(jì)原則——建立有效的視覺層次(手法)，對(duì)頁(yè)面內(nèi)容進(jìn)行組織和區(qū)分優(yōu)先級(jí)。思路整理如下：
01突出-最重要的：字體更粗/大;顏色更特別;留白更多;位置更接近頁(yè)面的頂部。
02分組-類似的：成組，采用類似的顯示樣式;位置：放在一個(gè)定義明確的區(qū)域內(nèi);
03嵌套-組成部分的：隸屬/包含關(guān)系的元素，在視覺上進(jìn)行嵌套。
交互VS視覺
最終頁(yè)面如下：
如果頁(yè)面大體設(shè)計(jì)完，給我們的老大和運(yùn)營(yíng)方看過并通過之后，下一步就是確定頁(yè)面輸出物清單。
頁(yè)面輸出物清單
2.2.3后期調(diào)整階段
在做運(yùn)營(yíng)活動(dòng)時(shí)最常見的有兩種情況，一個(gè)是開發(fā)技術(shù)實(shí)現(xiàn)的問題;一個(gè)是文案調(diào)整更換。面對(duì)這個(gè)如何解決?首先是心態(tài)調(diào)整，平常心對(duì)待即可，因?yàn)樵O(shè)計(jì)過程中，中途要修改文案或臨時(shí)要修改文案都是非常普遍的事情(這個(gè)事實(shí)并不開心)。
具體調(diào)整的時(shí)候，遵循先溝通再修改/先緊急再一般的原則;
(1)先溝通再修改。其實(shí)在整個(gè)設(shè)計(jì)過程中都會(huì)涉及到溝通的問題，前面我們已經(jīng)提到了，在拿到需求的前期就是有很多個(gè)溝通環(huán)節(jié)，同樣的在整個(gè)頁(yè)面設(shè)計(jì)完成后，我們需要給到自己的老大或者運(yùn)營(yíng)審核對(duì)不對(duì)?而通常情況下，他們都會(huì)給到一些自己的建議或看法，那么作為設(shè)計(jì)師的你肯定是要虛心聽取，也要有自己的想法了，這個(gè)時(shí)候的溝通協(xié)商就很重要了，比如哪些地方設(shè)計(jì)師是應(yīng)該改的，哪些地方是可以說服運(yùn)營(yíng)接受的，哪些地方應(yīng)該繼續(xù)完善的，所有這些都需要去溝通協(xié)商。
(2)先緊急再一般。事情分輕重緩急，修改也一樣，也分緊急和不緊急，這個(gè)時(shí)候就不一定是按照從上而下的順序來修改了，而是要有優(yōu)先級(jí)，什么事情比較緊急就先做那件事情，所以這就要視具體情況而定了。
三、沉淀&總結(jié)
一次運(yùn)營(yíng)的結(jié)束并不是產(chǎn)品宣傳的終止，要想下次還能獲得好的宣傳效果就必須總結(jié)經(jīng)驗(yàn)。比如說工作流程，溝通需求的技巧等，好的就沉淀，不順暢的就優(yōu)化。
3.1沉淀
3.1.1效果跟蹤：比如公司的數(shù)據(jù)比較好的話，可以通過數(shù)據(jù)來觀察用戶的反饋，你都能從中獲知你的設(shè)計(jì)存在的問題。為什么這次的問診支付量。
3.1.2規(guī)范沉淀：總結(jié)制定設(shè)計(jì)規(guī)范，這樣組內(nèi)其他同學(xué)或者自己下次運(yùn)營(yíng)設(shè)計(jì)的時(shí)候，就有很多元素可以復(fù)用的，圖片的尺寸也有統(tǒng)一的標(biāo)準(zhǔn)，可以大大提高效率。
3.1.3問題梳理：整個(gè)需求走下來，其實(shí)面臨了大大小小的難題。問題是怎么出現(xiàn)的，你是如何克服的，如何解決的，心里路程是怎樣的，都可以進(jìn)行記錄。分類整理，規(guī)避問題，高效的設(shè)計(jì)。例如切圖，當(dāng)視覺稿確認(rèn)之后，先把有把握的設(shè)計(jì)圖進(jìn)行標(biāo)注，切圖，減少不必要的溝通(在與開發(fā)看來是不必要的)。
在這里，其實(shí)都是說要嚴(yán)格要求自己。有些時(shí)候，需求比較緊急，自我的設(shè)計(jì)水平?jīng)]考慮到，產(chǎn)品也上線了，這個(gè)時(shí)候發(fā)現(xiàn)設(shè)計(jì)有些漏洞，但開發(fā)說已經(jīng)上線了，更換的話比較麻煩，況且你說的改動(dòng)，問題不大，之類的話語(yǔ)。不管怎么的結(jié)果，都可以在基礎(chǔ)上打磨，不僅是考驗(yàn)對(duì)設(shè)計(jì)的耐心，對(duì)工作的態(tài)度：無論做的好與不好，都要繼續(xù)挖掘自己的潛力。
3.2總結(jié)
(1)好的運(yùn)營(yíng)設(shè)計(jì)需要平時(shí)不斷的積累，優(yōu)秀作品收集，不斷練習(xí)，都是很好的積累途徑。
(2)需求階段，找準(zhǔn)核心很重要，深入溝通是關(guān)鍵。要找到核心點(diǎn)和表現(xiàn)的優(yōu)先次序，再去設(shè)計(jì)。
(3)設(shè)計(jì)階段，先尋找創(chuàng)意思路，然后構(gòu)思合適的版式，并且要考慮設(shè)計(jì)投放的環(huán)境，最后要找到合適的方法包裝方案，推動(dòng)方案。
(4)設(shè)計(jì)上線并不是產(chǎn)品宣傳的終止，需要效果跟蹤，是為了下一次的設(shè)計(jì)，也為了自己的沉淀。
以上就是我對(duì)運(yùn)營(yíng)H5設(shè)計(jì)的總結(jié)梳理，如有好的建議請(qǐng)各位留下寶貴的意見。
希望我們都能夠在設(shè)計(jì)的路上，對(duì)于接手過的設(shè)計(jì)需求能夠有階段性的沉淀和總結(jié)，構(gòu)建自己的設(shè)計(jì)體系。加油，不枉自己的青春。
h5設(shè)計(jì)心得體會(huì)5
前段時(shí)間接到任務(wù)，需要尋找一個(gè)第三方軟件公司開發(fā)一個(gè)節(jié)日游戲h5。
百度一下發(fā)現(xiàn)這類開發(fā)公司很多，仔細(xì)比較后選擇了一家廣州公司。用了三天時(shí)間，確定h5細(xì)節(jié)敲定了合同價(jià)格，然后就上報(bào)領(lǐng)導(dǎo)等待。
接著就是長(zhǎng)達(dá)一周的靜默，期間我也催促過領(lǐng)導(dǎo)早點(diǎn)定下來，因?yàn)榭鄢_發(fā)時(shí)間離預(yù)訂上線的日子已不多。不過，回復(fù)總是讓我再等等。
提醒領(lǐng)導(dǎo)無果后，我跟美工說明項(xiàng)目的頁(yè)面要求，讓她先設(shè)計(jì)起來，免得倉(cāng)促之間來不及。但還是沒用，領(lǐng)導(dǎo)沒布置任務(wù)，美工也缺乏動(dòng)力開工。
我以為項(xiàng)目要黃，結(jié)果等來的是贊助找到立刻開始。離上線只有5天，但軟件公司光開發(fā)就要10天�？胺Q不可能完成的任務(wù)。
跟軟件方反復(fù)協(xié)商后，修改了原方案給為精簡(jiǎn)版h5，即使這樣也很難保證順利交付，而且?guī)缀鯖]有測(cè)試時(shí)間。為此我們還逼迫簽訂了一份免責(zé)協(xié)議。如果，軟件出現(xiàn)問題，保證不會(huì)追究軟件方的開發(fā)責(zé)任。
在一頓屁滾尿流，連滾帶爬的趕工后，項(xiàng)目終于上線。長(zhǎng)舒一口氣外，還讓我學(xué)到了三點(diǎn)。
1.想提醒領(lǐng)導(dǎo)注意deadline
一般的.提醒沒用后，要試試“威脅”工期來不及，項(xiàng)目無法上線，整個(gè)活動(dòng)效果會(huì)大打折扣。先打預(yù)防針，即使后來真來不及也不會(huì)太怪你。
2.提前準(zhǔn)備項(xiàng)目資料
催促同事早點(diǎn)準(zhǔn)備資料，想要有效果可能還要依靠領(lǐng)導(dǎo)的。遇到問題多向領(lǐng)導(dǎo)，讓領(lǐng)導(dǎo)為你所用，或獲得授權(quán)方便行事。
3.給自己留足空間
在和乙方商量中，一定要給自己留足空間。計(jì)劃22號(hào)上線，就一定要說21號(hào)上午上線。項(xiàng)目中意外一定有，給自己留足“本”才能不手忙腳亂。
h5設(shè)計(jì)心得體會(huì)6
當(dāng)接手一個(gè)室內(nèi)設(shè)計(jì)項(xiàng)目，我們首要考慮的是方案的適合性。即使是一項(xiàng)非常明確且簡(jiǎn)單的功能，也會(huì)因?yàn)槭褂谜叩牟煌兊米矫欢�。�?duì)項(xiàng)目合乎邏輯的各項(xiàng)要求的分析是一個(gè)提出問題、并作出回答的過程：在這一過程當(dāng)中，有些因素是明確的，有規(guī)范或模式可以遵循，我們分析工作重點(diǎn)是發(fā)現(xiàn)其細(xì)微區(qū)別并加以強(qiáng)調(diào)，困難的是某些要求是用形容詞來描述，對(duì)于這些形容詞轉(zhuǎn)譯成形式的過程中，依據(jù)個(gè)人的理解不同而不同。這時(shí)就需要展開一些爭(zhēng)論，并有相關(guān)形象的圖片做例證。如果爭(zhēng)論得不到唯一答案，就可以并置在一起，等待其它因素的出現(xiàn)再確定; 項(xiàng)目的城市文化背景所涵蓋的范圍非常廣泛，包括生活習(xí)俗、歷史、文化、環(huán)境、氣候等諸多因素。
就具體項(xiàng)目而言，重要的是在這些因素當(dāng)中誰(shuí)最具影響力，是否適宜形式上的表達(dá)，設(shè)計(jì)師此時(shí)必須保持清醒的頭腦，將室內(nèi)設(shè)計(jì)始終置于一個(gè)更大、更廣闊的背景當(dāng)中去考量。 就創(chuàng)造一種適宜的建筑空間這個(gè)目的而言，建筑設(shè)計(jì)與室內(nèi)設(shè)計(jì)是不可分立的兩個(gè)階段。而實(shí)際設(shè)計(jì)當(dāng)中，這種階段的劃分是不明確的，需要我們從設(shè)計(jì)目的出發(fā)作一番區(qū)分。顯然，建筑設(shè)計(jì)是前一個(gè)階段，它所設(shè)定的限制對(duì)室內(nèi)設(shè)計(jì)來說，有些是決定性因素，有些是可以改變的因素。當(dāng)然，室內(nèi)設(shè)計(jì)可以通過各種途徑去減弱這種影響力，甚至可以取消這種預(yù)設(shè)的限制。問題是，為了達(dá)成最終適宜空間的目的，我們有必要全部重新來過嗎?有可能完全重新來過嗎?在許多情況下，室內(nèi)設(shè)計(jì)沒有必要也沒有可能去另起爐灶。正確的態(tài)度是，仔細(xì)區(qū)分建筑設(shè)計(jì)已留下的結(jié)果中的限制條件與發(fā)展余地分別加以處置。正如建筑設(shè)計(jì)要考慮到城市設(shè)計(jì)一樣，室內(nèi)設(shè)計(jì)必須找到與建筑設(shè)計(jì)的結(jié)合點(diǎn)。在建筑空間中，功能、體積、形狀、色彩、質(zhì)感、陳設(shè)、家具都在或多或少地影響著空間的最終成果。建筑設(shè)計(jì)提供的功能、體積、形狀條件一般可變性較少，應(yīng)當(dāng)首先考慮保留。只有對(duì)最終結(jié)果非常不利的因素，才去試圖改變它。這并不意味著室內(nèi)設(shè)計(jì)只是貼貼皮、刷刷色、布置一下家具就可以了，而是說盡量順應(yīng)已有的空間條件，能去”完善空間”時(shí)不必去”創(chuàng)造空間”。
一件優(yōu)秀室內(nèi)設(shè)計(jì)作品的產(chǎn)生，過程模式的目的是去掉思考問題的限制，去多角度、多方位地考慮一個(gè)項(xiàng)目所涉及的方方面面。同時(shí)，也清醒地認(rèn)識(shí)到過程模式是否有導(dǎo)致四平八穩(wěn)、面面俱到但缺乏靈性的設(shè)計(jì)傾向，想要有觸動(dòng)人心的作品的出現(xiàn)，還必須依賴于設(shè)計(jì)師個(gè)人感受的敏銳性以及設(shè)計(jì)感悟的程度。
長(zhǎng)期設(shè)計(jì)實(shí)踐當(dāng)中，一個(gè)群體在特定的歷史、文化、經(jīng)濟(jì)、技術(shù)條件下所產(chǎn)生的設(shè)計(jì)傾向，并得以強(qiáng)化與認(rèn)同，這是不可避免的。這也是長(zhǎng)久以來逐步形成的.、所有成員已達(dá)成共識(shí)的、類似設(shè)計(jì)哲學(xué)的東西，我將這個(gè)認(rèn)作有意義的”風(fēng)格”。
”理性主義”，即通過邏輯推理來建立某些法則，去指導(dǎo)設(shè)計(jì)。首先強(qiáng)調(diào)的”功能理性”，任何室內(nèi)空間都有相應(yīng)的功能，合乎功能的、反映功能的空間形式才具有審美價(jià)值;其二強(qiáng)調(diào)”構(gòu)造理性”，這是從建筑的”結(jié)構(gòu)理性”引申而來，任何材料及其組合、結(jié)合的方式都有其內(nèi)在必然性，這種必然性反映在設(shè)計(jì)上是材料構(gòu)造應(yīng)該表現(xiàn)材料本質(zhì)，也就是說不要用一種材料去模仿另一種材料的做法，而應(yīng)該探索這種材料與其它材料在使用上的不同點(diǎn)及構(gòu)造表現(xiàn)上的不同之處;其三是空間關(guān)聯(lián)理性，也就是常說的”整體性”，因?yàn)榻ㄖ䞍?nèi)、外差別在于，外部需較少的形式就可組成一個(gè)整體建筑形象，形式的關(guān)聯(lián)性相對(duì)較易把握，而內(nèi)部空間不同部分可以完全封閉，獨(dú)立性非常強(qiáng)，常�？梢栽谕粭澖ㄖ䞍�(nèi)部形成數(shù)種完全不同的空間形象，但在空間關(guān)聯(lián)理性的指導(dǎo)下，設(shè)計(jì)更傾向于在一棟建筑內(nèi)部的不同空間中建立一種內(nèi)在的聯(lián)系性，讓場(chǎng)景有所變化而”理性情節(jié)”都是聯(lián)系著的。
對(duì)于環(huán)境保護(hù)及可持續(xù)發(fā)展方面的考慮，不僅是設(shè)計(jì)師應(yīng)擔(dān)負(fù)的社會(huì)責(zé)任，而且是設(shè)計(jì)師創(chuàng)造靈感的源泉。目前，與環(huán)保相關(guān)的規(guī)范、標(biāo)準(zhǔn)有限，有室內(nèi)空氣質(zhì)量標(biāo)準(zhǔn)、石材放射性指標(biāo)、建材的綠色認(rèn)證等。在可預(yù)見的將來，技術(shù)在非機(jī)械式的空調(diào)系統(tǒng)、可呼吸的墻體、充分循環(huán)利用的材料等方面的發(fā)展，會(huì)使建筑本身意義得以擴(kuò)大。設(shè)計(jì)在環(huán)保上的敏感意識(shí)將是設(shè)計(jì)作品是否經(jīng)得起時(shí)間考驗(yàn)的前提。
【h5設(shè)計(jì)心得體會(huì)】相關(guān)文章：
設(shè)計(jì)心得體會(huì)12-29
作業(yè)設(shè)計(jì)心得體會(huì)02-27
設(shè)計(jì)實(shí)習(xí)心得體會(huì)04-25
設(shè)計(jì)專業(yè)心得體會(huì)04-27
設(shè)計(jì)實(shí)習(xí)的心得體會(huì)04-29
教學(xué)設(shè)計(jì)的心得體會(huì)02-27