【正文】 統(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ù)彈窗的視覺(jué)元素：配色、氛圍元素等，第二個(gè)是要對(duì)頁(yè)面信息進(jìn)行梳理層級(jí)關(guān)系，以便用戶的視覺(jué)流線引導(dǎo)。設(shè)計(jì)原則——建立有效的視覺(jué)層次(手法)，對(duì)頁(yè)面內(nèi)容進(jìn)行組織和區(qū)分優(yōu)先級(jí)。思路整理如下：01突出最重要的：字體更粗/大。顏色更特別。留白更多。位置更接近頁(yè)面的頂部。02分組類似的：成組，采用類似的顯示樣式。位置：放在一個(gè)定義明確的區(qū)域內(nèi)。03嵌套組成部分的：隸屬/包含關(guān)系的元素，在視覺(jué)上進(jìn)行嵌套。交互vs視覺(jué)最終頁(yè)面如下：如果頁(yè)面大體設(shè)計(jì)完，給我們的老大和運(yùn)營(yíng)方看過(guò)并通過(guò)之后，下一步就是確定頁(yè)面輸出物清單。頁(yè)面輸出物清單在做運(yùn)營(yíng)活動(dòng)時(shí)最常見(jiàn)的有兩種情況，一個(gè)是開(kāi)發(fā)技術(shù)實(shí)現(xiàn)的問(wèn)題。一個(gè)是文案調(diào)整更換。面對(duì)這個(gè)如何解決?首先是心態(tài)調(diào)整，平常心對(duì)待即可，因?yàn)樵O(shè)計(jì)過(guò)程中，中途要修改文案或臨時(shí)要修改文案都是非常普遍的事情(這個(gè)事實(shí)并不開(kāi)心)。具體調(diào)整的時(shí)候，遵循先溝通再修改/先緊急再一般的原則。(1)先溝通再修改。其實(shí)在整個(gè)設(shè)計(jì)過(guò)程中都會(huì)涉及到溝通的問(wèn)題，前面我們已經(jīng)提到了，在拿到需求的前期就是有很多個(gè)溝通環(huán)節(jié)，同樣的在整個(gè)頁(yè)面設(shè)計(jì)完成后，我們需要給到自己的老大或者運(yùn)營(yíng)審核對(duì)不對(duì)?而通常情況下，他們都會(huì)給到一些自己的建議或看法，那么作為設(shè)計(jì)師的你肯定是要虛心聽(tīng)取，也要有自己的想法了，這個(gè)時(shí)候的溝通協(xié)商就很重要了，比如哪些地方設(shè)計(jì)師是應(yīng)該改的，哪些地方是可以說(shuō)服運(yùn)營(yíng)接受的，哪些地方應(yīng)該繼續(xù)完善的，所有這些都需要去溝通協(xié)商。(2)先緊急再一般。事情分輕重緩急，修改也一樣，也分緊急和不緊急，這個(gè)時(shí)候就不一定是按照從上而下的順序來(lái)修改了，而是要有優(yōu)先級(jí)，什么事情比較緊急就先做那件事情，所以這就要視具體情況而定了。三、沉淀amp?？偨Y(jié)一次運(yùn)營(yíng)的結(jié)束并不是產(chǎn)品宣傳的終止，要想下次還能獲得好的宣傳效果就必須總結(jié)經(jīng)驗(yàn)。比如說(shuō)工作流程，溝通需求的技巧等，好的就沉淀，不順暢的就優(yōu)化。 效果跟蹤：比如公司的數(shù)據(jù)比較好的話，可以通過(guò)數(shù)據(jù)來(lái)觀察用戶的反饋，你都能從中獲知你的設(shè)計(jì)存在的問(wèn)題。為什么這次的問(wèn)診支付量。：總結(jié)制定設(shè)計(jì)規(guī)范，這樣組內(nèi)其他同學(xué)或者自己下次運(yùn)營(yíng)設(shè)計(jì)的時(shí)候，就有很多元素可以復(fù)用的，圖片的尺寸也有統(tǒng)一的標(biāo)準(zhǔn)，可以大大提高效率。：整個(gè)需求走下來(lái)，其實(shí)面臨了大大小小的難題。問(wèn)題是怎么出現(xiàn)的，你是如何克服的，如何解決的，心里路程是怎樣的，都可以進(jìn)行記錄。分類整理，規(guī)避問(wèn)題，高效的設(shè)計(jì)。例如切圖，當(dāng)視覺(jué)稿確認(rèn)之后，先把有把握的設(shè)計(jì)圖進(jìn)行標(biāo)注，切圖，減少不必要的溝通(在與開(kāi)發(fā)看來(lái)是不必要的)。在這里，其實(shí)都是說(shuō)要嚴(yán)格要求自己。有些時(shí)候，需求比較緊急，自我的設(shè)計(jì)水平?jīng)]考慮到，產(chǎn)品也上線了，這個(gè)時(shí)候發(fā)現(xiàn)設(shè)計(jì)有些漏洞，但開(kāi)發(fā)說(shuō)已經(jīng)上線了，更換的話比較麻煩，況且你說(shuō)的改動(dòng)，問(wèn)題不大，之類的話語(yǔ)。不管怎么的結(jié)果，都可以在基礎(chǔ)上打磨，不僅是考驗(yàn)對(duì)設(shè)計(jì)的耐心，對(duì)工作的態(tài)度：無(wú)論做的好與不好，都要繼續(xù)挖掘自己的潛力。(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)各位留下寶貴的意見(jiàn)。希望我們都能夠在設(shè)計(jì)的路上，對(duì)于接手過(guò)的設(shè)計(jì)需求能夠有階段性的沉淀和總結(jié)，構(gòu)建自己的設(shè)計(jì)體系。加油，不枉自己的青春。室內(nèi)裝飾設(shè)計(jì)師培訓(xùn)心得體會(huì) 室內(nèi)裝修設(shè)計(jì)心得篇十二學(xué)設(shè)計(jì)第一個(gè)要認(rèn)識(shí)到的就是設(shè)計(jì)不是藝術(shù)。我就是一開(kāi)始沒(méi)有分清這個(gè)概念，在第一次上設(shè)計(jì)課時(shí)可苦大了。設(shè)計(jì)是溝通，是傳達(dá)，而藝術(shù)是表現(xiàn)，是創(chuàng)作。這并不是說(shuō)設(shè)計(jì)里沒(méi)有表現(xiàn)的成份，更不是說(shuō)藝術(shù)是不在乎溝通的。但是兩者放在這兩項(xiàng)上的重視是有較大差別的。設(shè)計(jì)是不能憑感覺(jué)做的，要考慮各種因素，要尋找最隹的表達(dá)方法，要把自己的感覺(jué)翻譯成大眾能夠理解的有效視覺(jué)語(yǔ)言。決定一個(gè)設(shè)計(jì)作品的質(zhì)量的往往是它的細(xì)節(jié)，例如字體的選擇，圖形的構(gòu)造，顏色的差異等等。這些細(xì)微的差別 (nuance) 在體現(xiàn)作品整體上起著相當(dāng)大的作用。無(wú)論一個(gè)設(shè)計(jì)的想法有多好，如果制作粗糙，便會(huì)失去魅力。另外，如果我們要求自己注意這些細(xì)節(jié)和它們的影響，很可能會(huì)從中發(fā)現(xiàn)一些新的靈感和方向。從一開(kāi)始學(xué)設(shè)計(jì)時(shí)，老師就不斷地強(qiáng)調(diào)變化 (variation) 的重要。做一項(xiàng)作業(yè)時(shí)，我們從來(lái)不會(huì)去專門(mén)尋找它所謂的正確答案，而是試著把自己的各種想法整理出來(lái)，盡量用不同的方式來(lái)表達(dá)，從中再探索，不斷地讓一個(gè)想法把自己帶到另一個(gè)想法。這樣可以擴(kuò)大我們的想像力，看到不同的可能性。雖然最后的成果很重要，但是過(guò)程更重要。這個(gè)探索的過(guò)程是無(wú)法用任何東西取代的。 今天老師提到 variation (變化) 和 alternative (替換) 的區(qū)別，我覺(jué)得挺重要的。變化是尋找同一種表達(dá)方式的各種表現(xiàn)方法，而替換則是尋找另一種表達(dá)方式。比如說(shuō)吧，音樂(lè)符號(hào)，五線譜，樂(lè)器都是音樂(lè)的不同變化表達(dá)方式，而替換的表達(dá)方式可能包括提示音樂(lè)氣氛的顏色，知名音樂(lè)家等。有時(shí)如果一個(gè)想法好像總是做不好的話，也許該尋找一個(gè)替換的想法，而如果找到了合適的想法的話，便應(yīng)該看看它都可以有什么變化的表現(xiàn)方式，以得出最隹的解答設(shè)計(jì)。變化和替換的界限往往并不是很清楚，但是如果有個(gè)大概概念的話，還是會(huì)有些幫助的。我覺(jué)得學(xué)設(shè)計(jì)與做設(shè)計(jì)最大的好處就是會(huì)接觸到許多不同的領(lǐng)域。像我們的作業(yè)題目曾經(jīng)包括污染，城市變化，爵士樂(lè)宣傳，未來(lái)建筑的趨勢(shì)，水的問(wèn)題等等。通常都是讓我們自己在題目里選擇一個(gè)角度，然后做出有說(shuō)服力的視覺(jué)作品。要想表達(dá)好自己的觀點(diǎn)，必須先搜集很多的相關(guān)資料，對(duì)題目有一定程度的理解。完成品可以是抽象的表現(xiàn)，但是想法必須是有形，有根據(jù)的。很多人認(rèn)為設(shè)計(jì)就是在電腦上做出漂亮的東西，其實(shí)完全不是這樣的。我們學(xué)設(shè)計(jì)的一大部分時(shí)間都是在到處尋找資料，研究以及消化它們，然后再試著從中找到自己的位置，與自己想表達(dá)的概念。沒(méi)有完全理解某個(gè)問(wèn)題時(shí)，是不可能有效地表達(dá)它的。如果連自己都不知道自己想說(shuō)什么，不管完成品有多好看，也是白紙一張，因?yàn)樗鼪](méi)有清楚的內(nèi)容。通過(guò)最近這幾個(gè)學(xué)期，我的研究能力提高了，也重新認(rèn)識(shí)了設(shè)計(jì)的含義。你知道設(shè)計(jì)師最好的朋友是誰(shuí)嗎?是照相機(jī)和復(fù)印機(jī)。它們是做設(shè)計(jì)必不可少的工具與玩具。圖庫(kù)的圖像畢竟有限。最怕的就是由于圖庫(kù)里沒(méi)有完全合適的圖像，所以只好妥協(xié)一張一般的，這樣本來(lái)很好的想法也無(wú)法發(fā)揮到最隹。只要有機(jī)會(huì)，最好都用自己拍攝的圖像。常出去拍照也是一大娛樂(lè)呢。那復(fù)印機(jī)呢?太多人低估它的價(jià)值了。死死板板地復(fù)印文件只是復(fù)印機(jī)的最基本功能。我們可以復(fù)印平面的東西，立體的東西，拼湊的東西。可以放大，縮小?？梢灾丿B反復(fù)地在同一張紙上印?？梢赃厪?fù)印邊挪動(dòng)里面的物件，會(huì)得出很多獨(dú)特的意想不到的效果喔。復(fù)印機(jī)里出來(lái)的東西通常都有一種它特殊的質(zhì)量，利用好了，可以使設(shè)計(jì)作品增添光彩。電腦當(dāng)然也是我們的朋友了。但是你稍不留意，它可能就會(huì)變成壞朋友。我們太依賴電腦了。有時(shí)候連想都不想就會(huì)按鍵做個(gè)效果，因?yàn)閷?shí)在是太方便了。但是這些自動(dòng)化的功能經(jīng)常會(huì)讓我們錯(cuò)過(guò)一些探索的機(jī)會(huì)，也常得出被科技所驅(qū)使缺乏特性的完成品。電腦不應(yīng)該是答案，它與照相機(jī)，復(fù)印機(jī)同樣的只是一個(gè)工具。它能夠幫助我們省掉很多麻煩，做出別的地方做不出來(lái)的效果，但是電腦做出來(lái)的東西未必就都是好的。拉下 photoshop 里的工具選單前，一定要想一想，這是我唯一的選擇嗎?那天在電視里看到一個(gè)偶像歌手在臺(tái)上唱歌，一會(huì)兒朝下面招手，一會(huì)兒跑來(lái)跑去，歌詞空間的地方還忙著跟大家打招呼，一點(diǎn)也沒(méi)有認(rèn)真唱歌。突然覺(jué)得他和實(shí)力歌手的區(qū)別就跟一個(gè)自以為是設(shè)計(jì)師的人與專業(yè)設(shè)計(jì)師一樣。前者只注意著表現(xiàn)自己，而后者卻是在專心表達(dá)某些事物。有時(shí)候，把一個(gè)普通的東西，例如地鐵時(shí)間表，或者雜志文章分頁(yè)，設(shè)計(jì)的太漂亮，太突出，太與眾不同反而會(huì)失去它的基本功能。那些多馀的花花捎捎的東西影響人們?nèi)プx真正的內(nèi)容，就跟我從來(lái)都記不住偶像歌曲一樣。有一次一個(gè)老師對(duì)我說(shuō)的話讓我一下子對(duì)設(shè)計(jì)明白了很多。他告訴我我當(dāng)時(shí)做的東西是圖像驅(qū)使 (image driven)，而不是思想驅(qū)使 (idea driven) 的。那時(shí)我很喜歡在 photoshop 里隋便拼湊一些圖像，自己覺(jué)得看起來(lái)很酷，以為加上個(gè)標(biāo)題就成了一個(gè)作品。但是老師看了說(shuō)這些只是一些拼湊的圖像，你并沒(méi)有給它們輸入任何意義，所以對(duì)別人也不會(huì)有意義。要想超越這個(gè)層次，作品必須讓思想優(yōu)先，圖像應(yīng)該服從與支持你的想法，而不只是獨(dú)立的裝飾品。這是一個(gè)有意思的比喻：文字排列設(shè)計(jì) (typography) 應(yīng)該像玻璃。它應(yīng)該正確地反映文字的個(gè)性與特征，但是同時(shí)應(yīng)該透明得可以讓人看穿。如果字體或文字的形狀本身所說(shuō)的,比文字中所要表達(dá)的還多還強(qiáng)烈的話，這種設(shè)計(jì)選擇就等於自己把自己鎖起來(lái)了。室內(nèi)裝飾設(shè)計(jì)師培訓(xùn)心得體會(huì) 室內(nèi)裝修設(shè)計(jì)心得篇十三去年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è)核心元素，中心元素不宜過(guò)多，突出重點(diǎn)為最優(yōu)。20jd20150124比如jdc的“拍拍十二星座實(shí)用手冊(cè)”的項(xiàng)目，只用了最簡(jiǎn)單的圖形和文字居中擺放。以可口可樂(lè)的這個(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è)錢(qián)幣翻轉(zhuǎn)下落的速度不一樣顯得畫(huà)面更真實(shí)。今年在朋友圈瘋轉(zhuǎn)的維多利亞和特斯拉的h5用的是擦除的效果，模糊的遮罩足夠挑起人們的好奇心。以上兩款，包括今年最火的h5案例都在這了 《如此風(fēng)騷!20__年刷爆朋友圈的十大 html5 技術(shù)案例》2 / 背景動(dòng)效其實(shí)比較推薦緩動(dòng)效果，如“京東管培生招聘”的例子里星空中一閃而過(guò)的流星，間歇性出現(xiàn)不搶主角風(fēng)頭再好不過(guò)了.3 /復(fù)雜多變的動(dòng)效不一定是好的，要考慮到加載速度等用戶體驗(yàn)問(wèn)題。音效1 / 考慮到用戶使用場(chǎng)景的多樣性，那種介紹類的如果要加背景音樂(lè)，盡量不要太粗暴。有一點(diǎn)循序漸進(jìn)最好，給用戶留時(shí)間在騷擾別人之前可以關(guān)閉。或者可以在開(kāi)始時(shí)是關(guān)閉狀態(tài)。但做游戲h5頁(yè)面的時(shí)候，音樂(lè)可以沒(méi)有關(guān)閉開(kāi)啟按鈕，因?yàn)橛脩魧?duì)接下來(lái)發(fā)生的事是有預(yù)知的。2 / 考慮每一頁(yè)音樂(lè)按鈕放置的明顯性。如果能用其他頁(yè)面元素去替代音樂(lè)符號(hào)作為按鈕也是極好的。給前端設(shè)計(jì)師的音樂(lè)文件：格式為mp3等，單軌，最好30秒以內(nèi)。為了加載速度，文件大小盡量控制在：100k以內(nèi)最佳，可以用adobe audition等軟件來(lái)壓縮。作為無(wú)限循環(huán)的背景音樂(lè)，截取時(shí)一定要注意頭尾得連接得上。交互1 / 展示型: 有很多種不同的交互方式，最常見(jiàn)的是翻頁(yè)，這種方式制作起來(lái)相對(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ī)判斷，讓用戶有了自己參與的樂(lè)趣。2 /游戲型：像是起初朋友圈紅過(guò)的圍住神經(jīng)貓，或者是我們的“拍拍jump”這類需要計(jì)算邏輯，得出分?jǐn)?shù)或者結(jié)論的小游戲。3 /產(chǎn)品型：有一些h5是作為一個(gè)長(zhǎng)期運(yùn)營(yíng)的產(chǎn)品存在的，用戶的訪問(wèn)可能會(huì)更固定，比如微信里的購(gòu)物頁(yè)面等。手機(jī)端之間：一般我們先用640x1136進(jìn)行設(shè)計(jì)，參考線會(huì)標(biāo)在960高的地方，主要元素最好不要過(guò)高以適配各種機(jī)型。其他安卓機(jī)器前端切圖時(shí)可以適當(dāng)拉伸，變化不會(huì)太大就不用每個(gè)進(jìn)行適配。響應(yīng)式設(shè)計(jì)：頁(yè)面的設(shè)計(jì)與開(kāi)發(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è)布局，盡量使用純色而非漸變想法被大眾主流樂(lè)于分享的信息大概有這么幾種：最直接的利益驅(qū)動(dòng)，分享有獎(jiǎng)或者需要眾籌等，對(duì)自己有用并且也對(duì)周?chē)艘矔?huì)有新鮮感的信息，自己參與游戲或者測(cè)試得到的結(jié)果。不管是分享給朋友或朋友圈還是qq對(duì)話，讓用戶主動(dòng)去分享你的帶有很大性質(zhì)的廣告意味的信息在自己的社交群體中，此條信息與自己相關(guān)并且別人也能參與進(jìn)來(lái)當(dāng)然是最理想的。可口可樂(lè)北極熊求合影的例子就是一個(gè)很好的宣傳方式，借由簡(jiǎn)單的合成照片技術(shù)讓人們有意愿去分享自己努力創(chuàng)作的照片。還有ujeans的設(shè)計(jì)延續(xù)了品牌的調(diào)性就是實(shí)用，在選擇你的牛仔褲喜好時(shí)也同時(shí)穿插了商品的說(shuō)明，顯得不那么生硬，它比較符合理由3。在我們?cè)O(shè)計(jì)一個(gè)h5頁(yè)面時(shí)，很重要的一點(diǎn)就是站在自己的角度跳出來(lái)去看你做的東西，首先一點(diǎn)是你和你周?chē)娜嗽敢廪D(zhuǎn)發(fā)分享這個(gè)東西嗎?它有趣嗎?它對(duì)其他人也是有用的信息嗎?在做“1212陪你一二到底”的時(shí)候，我們的設(shè)計(jì)師要在最后引出有優(yōu)惠券領(lǐng)取這個(gè)信息，前面也用用盡了節(jié)操去設(shè)計(jì)文案和人物，在此體會(huì)一下文案的重要性，它是貫穿整個(gè)h5的靈魂。第二張圖上的小字“海外大牌