騰訊CDC:為設(shè)計(jì)師而生-設(shè)計(jì)導(dǎo)航設(shè)計(jì)總結(jié)
一、寫(xiě)在前面作為設(shè)計(jì)師想要設(shè)計(jì)出足夠優(yōu)秀的作品,除了擁有熟練的技能外,還需要擁有出眾的創(chuàng)造力和審美。如果對(duì)萬(wàn)事萬(wàn)物沒(méi)有足夠豐富的體驗(yàn)和感受,沒(méi)有對(duì)美的認(rèn)知和體會(huì),是很難提高層次,做出滿(mǎn)意的設(shè)計(jì)的?!伴_(kāi)闊眼界,提高審美”,無(wú)疑是設(shè)計(jì)師的一門(mén)必修課。你可以先從點(diǎn)開(kāi)http://idesign.qq.com做起喲。
二、項(xiàng)目前期不管你是剛?cè)腴T(mén)的初級(jí)設(shè)計(jì)師,還是有經(jīng)驗(yàn)的高級(jí)設(shè)計(jì)師,都需要通過(guò)“看”,也就是閱讀和整理各種資訊和信息并去蕪存菁,來(lái)提高審美,拓展思路。設(shè)計(jì)師在工作中需要各種信息各種知識(shí)儲(chǔ)備,如何“看”,是我們要解決的首要問(wèn)題。
三、探索需求圍繞如何看這個(gè)關(guān)鍵點(diǎn),我們開(kāi)始了更進(jìn)一步的分析。我們采樣了一些設(shè)計(jì)師,觀察他們每天瀏覽的習(xí)慣,瀏覽的內(nèi)容以及目的。發(fā)現(xiàn)他們的活動(dòng)可以歸納成以下兩種情況:看—有效率的看(發(fā)現(xiàn),吸收美好的東西)這不僅僅要大量的看,更是要看更多優(yōu)秀的內(nèi)容,并且這些內(nèi)容不僅僅只是局限于界面設(shè)計(jì),需要從更多其他的學(xué)科,比如音樂(lè),文學(xué),攝影等等方面去從中學(xué)到知識(shí),找到靈感,找到前進(jìn)的動(dòng)力。看—有質(zhì)量的看(借鑒,創(chuàng)作出美好的東西)能辨別什么是好的設(shè)計(jì),哪些內(nèi)容能夠?yàn)槲宜茫芗ぐl(fā)創(chuàng)作的靈感,去組合借鑒以及創(chuàng)作出更美好的作品。基于這樣的需求,設(shè)計(jì)導(dǎo)航的設(shè)計(jì)關(guān)鍵詞漸漸清晰:
四、設(shè)計(jì)方案一個(gè)為設(shè)計(jì)師服務(wù)的“設(shè)計(jì)導(dǎo)航”由此誕生。我們的宗旨是“聚合優(yōu)質(zhì)站點(diǎn),篩選優(yōu)質(zhì)內(nèi)容”。讓設(shè)計(jì)師在設(shè)計(jì)導(dǎo)航可以享受一站式的閱讀體驗(yàn),更方便的瀏覽和收集信息,作為自己的靈感之源。
五、框架結(jié)構(gòu)為了最大化的展示內(nèi)容資源,我們的界面采用了扁平的兩欄結(jié)構(gòu)作為基礎(chǔ)框架。
左側(cè)用來(lái)羅列訂閱源,右側(cè)用來(lái)展示內(nèi)容列表。我們?cè)谑醉?yè)做到簡(jiǎn)潔,砍掉多余的分類(lèi)和隱藏多余的操作,希望用戶(hù)在使用設(shè)計(jì)導(dǎo)航時(shí),能聚焦于內(nèi)容,獲得舒適的閱讀體驗(yàn)。六、內(nèi)容為王1.讓內(nèi)容更豐富內(nèi)容是我們?cè)O(shè)計(jì)導(dǎo)航的核心重點(diǎn)。我們發(fā)現(xiàn)設(shè)計(jì)師對(duì)內(nèi)容的需求主要覆蓋在創(chuàng)意需求和執(zhí)行需求兩個(gè)方面。創(chuàng)意需求是開(kāi)展設(shè)計(jì),打開(kāi)思路需要的資源,比如一些設(shè)計(jì)的專(zhuān)業(yè)理論和方法,設(shè)計(jì)需要的高質(zhì)量素材等。而執(zhí)行需求則是做事的方法和流程管理,團(tuán)隊(duì)合作的節(jié)奏和行業(yè)知識(shí)等。據(jù)此,我們收集整理了業(yè)內(nèi)最熱門(mén)的資源站點(diǎn),還有來(lái)自資深設(shè)計(jì)師們的壓箱推薦,以及各種高關(guān)注的的內(nèi)容??梢园言O(shè)計(jì)導(dǎo)航看做一個(gè)設(shè)計(jì)師的靈感庫(kù),不管是設(shè)計(jì)之內(nèi)還是設(shè)計(jì)之外,都能找到最全面,最資深,最新鮮的資源。【優(yōu)質(zhì)的一站式閱讀】是我們的核心。
我們參考了RSS閱讀器的模式,將設(shè)計(jì)師經(jīng)常瀏覽的各種網(wǎng)站的內(nèi)容聚合起來(lái),只需要對(duì)你感興趣的站點(diǎn)進(jìn)行訂閱,就能輕松的在設(shè)計(jì)導(dǎo)航享受一站式的閱讀體驗(yàn)了。從此以后再也不用在各大站點(diǎn)之前來(lái)回奔波切換,關(guān)注的站點(diǎn)有更新也會(huì)第一時(shí)間查看到。
2.讓內(nèi)容更優(yōu)質(zhì):用QQ賬戶(hù)登錄以后,除了能看到設(shè)計(jì)導(dǎo)航本身的推薦內(nèi)容,你還可以看到其他用戶(hù)都在關(guān)注什么,都推薦了哪些站點(diǎn),讓你發(fā)現(xiàn)更多的優(yōu)質(zhì)內(nèi)容。形成良好的分享與學(xué)習(xí),不斷吸收進(jìn)步的閱讀生態(tài)。你還可以給你喜歡的內(nèi)容點(diǎn)贊,輕松創(chuàng)建自己的資源庫(kù)。持續(xù)關(guān)注和更新自己的收藏內(nèi)容。
3.讓閱讀更便捷:有了優(yōu)質(zhì)豐富的內(nèi)容庫(kù),優(yōu)化用戶(hù)瀏覽的體驗(yàn)是我們的下一個(gè)課題。在設(shè)計(jì)上我們希望給用戶(hù)一種無(wú)負(fù)擔(dān)簡(jiǎn)潔清爽的體驗(yàn),又能聚焦于內(nèi)容。在設(shè)計(jì)導(dǎo)航首頁(yè)的設(shè)計(jì)上,我們將點(diǎn)贊和分享以及多余的信息降低了一個(gè)層級(jí),用戶(hù)hover到縮略圖上才可以查看,這樣不影響內(nèi)容呈現(xiàn)的同時(shí)如果希望通過(guò)收藏和瀏覽數(shù)量來(lái)分辨內(nèi)容的質(zhì)量,也能很方便的找到。
我們將內(nèi)容的分類(lèi)藏在了編輯內(nèi)容里面,你可以簡(jiǎn)單的篩選想看的內(nèi)容,同時(shí)不會(huì)在首頁(yè)有閱讀的負(fù)擔(dān)。
為了更方便的瀏覽,我們?cè)黾恿艘绘I將設(shè)計(jì)導(dǎo)航設(shè)為主頁(yè)的功能,也設(shè)計(jì)了更為輕便的瀏覽器插件,不僅可以隨時(shí)瀏覽各種設(shè)計(jì)資訊,還可以把你發(fā)現(xiàn)的當(dāng)前優(yōu)質(zhì)站點(diǎn)一鍵推薦給我們,同時(shí)也是對(duì)設(shè)計(jì)導(dǎo)航內(nèi)容的豐富和沉淀。
八、小結(jié)為了讓設(shè)計(jì)師每天都要“看”的這件事情變得簡(jiǎn)單高效有質(zhì)量,設(shè)計(jì)導(dǎo)航的第一版就在這樣的情況下誕生了。但愿大家能在設(shè)計(jì)導(dǎo)航能發(fā)現(xiàn)更多喜歡的內(nèi)容,激發(fā)出更多更好的創(chuàng)意,做出優(yōu)秀的設(shè)計(jì)作品。設(shè)計(jì)導(dǎo)航,為設(shè)計(jì)師而生~九、項(xiàng)目成果與后續(xù)后續(xù)我們會(huì)將“設(shè)計(jì)導(dǎo)航”逐步完善,并不斷優(yōu)化網(wǎng)站的用戶(hù)體驗(yàn)和流暢度,秉承我們“為設(shè)計(jì)服務(wù)”的初心,繼續(xù)提升用戶(hù)體驗(yàn),請(qǐng)大家持續(xù)關(guān)注,有任何問(wèn)題都可以及時(shí)反饋給我們。感謝大家對(duì)設(shè)計(jì)導(dǎo)航的支持:)最后大家可以登錄http://idesign.qq.com體驗(yàn)最新的設(shè)計(jì)導(dǎo)航。
本文地址:http://irelandcustomcontracting.com/tutorial/di2808.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏