網(wǎng)易婚戀交友網(wǎng)站的設(shè)計(jì)流程(編輯修改稿)
2024-12-09 19:51 本頁面
【文章內(nèi)容簡介】 擺放，提高網(wǎng)站原型的開發(fā)效率。同時(shí)也為日后的交互稿管 理維護(hù)等工作帶來方便性。 這次的原型開發(fā)應(yīng)用了 Axure pro 原型開發(fā)工具 由于時(shí)間關(guān)系，原型并沒有發(fā)揮其重要的作用，只是用它實(shí)現(xiàn)一個(gè)簡陋的帶點(diǎn)交互的初始原型而已，可以看下面的注冊步驟效果圖。 個(gè)別原因至使應(yīng)用原型疊代方法并沒有在這次改版當(dāng)中應(yīng)用到，畢竟開發(fā)一個(gè)原型接近于真實(shí)網(wǎng)站來說，所花時(shí)間成本還是比較高的。相信熟悉掌握了這個(gè)工具和方法，必對開發(fā)高效實(shí)用的網(wǎng)站起到很好的作用。 這次的改版的交互稿基本上都是策劃同事制作的，他們的表現(xiàn)都很不錯(cuò)。策劃制作交互稿有其自身的原因和團(tuán)隊(duì)發(fā)展的 考慮： 第一：策劃最了解自己的產(chǎn)品，對需求比較明確。 第二：吸取第一次項(xiàng)目工作的經(jīng)驗(yàn)，提高交互能力。 交互這塊所花的時(shí)間比重也是相對比較多，但也是應(yīng)該的，這部分的工作相當(dāng)于建樓要打好地基一樣，減少后期返工修改過多的問題。 7. UI 視覺設(shè)計(jì) 找參考 視覺設(shè)計(jì)從立項(xiàng)目就開始著手項(xiàng)目的工作。前期收集相關(guān)同行網(wǎng)站視覺 OKCUPID eHarmony Match 速配日本站 慢慢形成自己的一套視覺色和風(fēng)格：網(wǎng)易佳人有約區(qū)別于國內(nèi)同行戀愛交友網(wǎng)站，以國內(nèi)單身白領(lǐng)階層為主要用戶的約會(huì)網(wǎng)站。清新簡潔，安全舒適，秀氣大方。 定寬度 網(wǎng)站寬屏 950 像素，最好效果應(yīng)該是 960，可以完美應(yīng)用柵欄設(shè)計(jì)，了解更多柵欄設(shè)計(jì)，請查看： 詳細(xì)介紹了柵欄設(shè)計(jì)的原理和效果，包括柵欄下載。 Idate 應(yīng)用了網(wǎng)格的設(shè)計(jì)來對齊和布局元素等。定義了每一個(gè)格子為 10px，安 CTRL+ K 和CTRL+6 快捷鍵就可以調(diào)出 Photoshop 首選項(xiàng)，設(shè)置網(wǎng)格。 預(yù)覽的效果如下圖示： 自下而上的設(shè)計(jì) 應(yīng)用自下而上的方式進(jìn)行設(shè)計(jì)，從最重要的
法律信息相關(guān)推薦
鄂ICP備17016276號-1