老司机91精品网站在线观看-老司机67194免费观看-老司国产精品视频-老熟人老女人国产老太-中文字幕日本在线-中文字幕日本一区久久

人音教育網站及移動端界面設計(打造屬于你的音樂學習圈)

人音教育網站及移動端界面設計(打造屬于你的音樂學習圈)

交互設計 | 界面設計 | vue開發

交互設計 | 界面設計 | vue開發

"隨著我國國民經濟的快速發展,無論是國家還是家庭都越來越重視對音樂教育的投入。與此同時教育資源管理也變得繁瑣復雜,音樂資源質量參差不齊。人音教育利用專業的音樂教育經驗對音樂教育資源平臺的內容進行分類和篩選,從而為廣大的互聯網用戶提供優質的音樂教育資源,打造屬于用戶自己的音樂學習圈。"

人音網站由珠海啟裕科技委托藍藍設計負責重點頁的界面視覺設計、交互設計。當時網站功能開發已經基本完成,只是界面設計達不到最終客戶的認可,藍藍設計的設計師接到任務后,通過前期的充分溝通,了解客戶需求,參考大量音樂網站,進行競品分析,融入當前流行的音樂設計風格和元素,最終圓滿完成該項目。

音樂APP界面設計

產品定位

人音教育提供音樂教育的思想、理念、方向和營養,不斷完善品牌內涵,如操作規范、管理細則、運營方式、宣傳文案和后期產品等一些列內容。通過對教材、樂譜、樂器、書刊等一系列音樂資源的整合,有意識地從教育角度進行創造,打造專業化的音樂網站平臺,形成以用戶為中心的音樂生態圈。

音樂APP界面設計

目標用戶

人音教育致力于幫助每一位熱愛音樂的人,洞悉用戶個人及家庭成長的需求,開設了人音教材、人音樂譜、詞典在線等音樂課程的品類,幫助用戶拓展積極向上的音樂理念和方式,不斷突破和完善自我。網站及移動端針對音樂文化感興趣的或者是音樂相關的研究人員都可以使用,讓音樂愛好者隨心所欲的找教材、練曲子。

音樂APP界面設計

設計風格

結合人音教育的業務特點,打造專屬的音樂設計風格,主色采用紅色作為界面主色調。采用中國古典音樂元素的設計,來凸顯頁面整體的古風古韻的音樂風格。清晰簡明的功能模塊布局,做到各層級的內容視覺統一性,降低用戶的操作難度,做到所見即所得。采用音樂元素的圖標,豐富組件樣式,有層次的呈現內容,增強頁面的節奏感和趣味性。

首頁界面設計

人音教育音樂網站,其主要用途是傳遞音樂文化與精神,綜合音樂資源,為喜愛音樂的用戶提供的一個網站。

客戶提出的需求其主要方向是要從用戶的角度出發,創造互通專業的音樂文化領域,提高易用性和美觀度。

因為當時整個網站已開發完畢,功能方面是沒有問題的,只是UI設計不能得到最終客戶的認可。所以在總體框架不變的情況下,藍藍設計主要重構了首頁的設計,并給其它的幾個欄目頁面做了統一性配色的指導。

首頁banner圖采用鋼琴與音符的音樂元素,富有靈動感和節奏感,緊密貼合音樂網站的主題。

banner以下主題部分整體采用白色卡片作為背景,每個模塊之間通過標題進行區分,用戶可以快速找到自己想要的板塊。我們將人音教材、人音樂譜、詞典在線放在頁面左側展示,一是可以展示人音教育網站模塊主要部分,引導用戶直觀的看到;二是減少頁面板塊的寬度,方便用戶的閱讀。詞典在線部分包括各個專區的快捷入口,采用與文字相關的圖標便于用戶理解。精品出版為用戶提供最優質、人氣最旺的內容。

人音教育網站及移動端界面設計
人音教育網站及移動端界面設計

人音教育首頁

移動端界面將主要的板塊內容置于頂部導航欄位置上,用戶可以直觀的看見,點擊自己想要的部分,降低用戶的操作流程,向右滑動更清晰化的展現。

人音教育網站及移動端界面設計

采用卡片式的Banner設計,輪播圖片可以更好的增加交互的效果,使頁面看起來更加整潔。

移動端界面設計

人音樂譜部分由鋼琴和聲樂兩部分組成,用戶可以點擊進行切換跳轉,增強交互效果。同時左右滑動用戶可以無限制的進行切換,減少頁面跳轉,方便用戶進行查看。同時人音樂譜旁的搜索按鈕可以幫助用戶快速進行查找目標信息。

音樂APP界面設計

詞典在線區域icon采用紅色面性的圖標設計,不僅加強品牌意識,同時更加生動化,提升用戶的點擊意向。

音樂APP界面設計

人音新媒體可以通過點擊下方的二維碼彈出二維碼頁面,紅色的面性色塊強化品牌基因,圓角設計更平滑聚焦。

人音教育網站及移動端界面設計

最新發布為用戶提供最新的內容,采用灰色圓角卡片背景進行分割,板塊之間的留白空間,營造出良好的呼吸感。

音樂APP界面設計

人音教育首頁-二維碼

由用戶點擊首頁人音新媒體二維碼出現彈窗。

音樂APP界面設計
人音教育網站及移動端界面設計

人音動態頁

采用卡片式的Banner設計,輪播圖片可以更好的增加交互的效果,使頁面看起來更加整潔

人音教育網站及移動端界面設計

人音動態采用圖文結合的方式清晰直觀的展現動態,便于用戶的理解,增強用戶的點擊率。

人音教育網站及移動端界面設計

精品出版為用戶提供最優質、人氣最旺的內容。采用灰色圓角卡片背景進行分割,板塊之間的留白空間,營造出良好的呼吸感。

人音教育網站及移動端界面設計

人音動態-新聞列表頁

人音動態新聞列表頁由人音動態頁點擊更多跳轉。該頁面清晰的羅列動態,更直觀簡潔的展現內容。各個動態信息之間用分割線進行分割,再提高

  返回

无码性午夜视频在线观看| 日本一二三区视频在线| 黑人大荫蒂高潮视频| 按摩师用嘴亲我下面过程| 亚洲香蕉成人AV网站在线观看| 丝袜灬啊灬快灬高潮了视频| 免费无遮挡色视频网站| 黑人大战日本人妻嗷嗷叫| 成视频年人黄网站免费视频| 中国女RAPPER大妈| 亚洲AV熟女高潮30P| 日韩人妻无码免费视频一区二区三| 老师上课没戴奶罩看到奶头| 国产区精品福利在线社区| 被黑人猛躁10次高潮视频| 一级特黄无码毛片av一区二区| 午夜成人无码福利免费视频| 人人妻人人做人人人少妇| 拒嫁豪门少奶奶99次出逃| 国产又爽又黄又爽又刺激| 成人女人A级毛片免费软件| 中文字幕精品亚洲无线码一区应用| 亚洲AV无码专区国产乱码京东传| 色狠狠色噜噜AV一区| 欧美18ⅩXOO极品| 久久精品国产亚洲AV无码娇色| 国产六月婷婷爱在线观看| 波多野结衣 美乳人妻| 中文字幕人妻被公上司喝醉在线| 亚洲国产成人精品无码区2021 | 99国精产品灬源码1| 亚洲旡码A∨一区二区三区| 未满十八18禁止午夜免费网站| 人妻少妇精品无码专区漫画| 美女MM131爽爽爽作爱视频| 精品久久AⅤ人妻中文字幕| 国产成人综合欧美精品久久 | 国产精品任我爽爆在线播放| 超碰色偷偷男人的天堂| 42岁女子20天断崖式衰老| 亚洲熟妇AV日韩熟妇AV| 亚洲AⅤ无码乱码在线观看性色 | √BT天堂网WWW中文在线| 亚洲欧洲综合有码无码| 性色AⅤ一二三天美传媒| 熟妇人妻AV中文字幕老熟妇 | 人人妻人人添人人爽日韩欧美| 免费黄色电影在线观看| 久久精品饰品有限公司网站| 国内精品久久久久精品| 国产成人毛片在线视频| 成人性欧美丨区二区三区 | 99久久综合狠狠综合久久AⅤ| 一本色道久久综合亚洲精品| 亚洲妇熟XXXX妇色黄无码| 无码熟妇人妻AV在线影院 | 国产青草视频在线观看| 国产成人精品2021| 床震吃胸膜奶免费视频| JAPANESE护士高潮SEX| 中文字幕V亚洲日本在线| 亚洲综合无码一区二区| 亚洲国产精品无码中文字满| 亚洲 欧美精品SUV| 无码午夜福利片在线观看| 上边一面亲下边一面膜的功效| 强开少妇嫩苞又嫩又紧小说| 女主快穿到各个世界做小三| 迷迷糊糊挺进岳身体| 久久亚洲美女精品国产精品 | 完整版免费AV片| 爽到憋不住潮喷大喷水视频| 日韩无套内射视频6| 人人妻人人爽人人做夜欢视频九色 | 色噜噜狠狠色综合网| 日本高清乱理伦片中文字幕| 欧美性操大鸡狠狠| 欧美成人精品高清视频| 内射少妇39亚洲区| 免费无码专区毛片高潮喷水| 麻豆AV一区二区天美传媒| 久久无码人妻精品一区二区三区 | 亚洲色欲综合一区二区三区小说| 亚洲国产成AV人天堂无码| 亚洲AV自慰白浆喷水网站少妇| 性少妇JEALOUSVUE片| 先の欲求不満な人妻无码| 无码熟妇人妻AV影片在线| 无码专区天天躁天天躁在线| 无码人妻精品一区二区蜜桃天美| 无码H黄肉3D动漫在线观看| 天堂√最新版中文在线天堂| 四十路の五十路熟女豊満| 四十路の五十路熟女豊満| 熟女少妇丰满一区二区| 双胞胎一前一后夹心饼干年下| 搡老女人老91妇女老熟女oo| 色噜噜狠狠狠狠色综合久| 色猫咪AV在线网址| 熟妇大屁股一区二区三区视频| 私人微信放款24小时在线| 四虎影库884AA.WWW| 玩弄JaPan白嫩少妇HD小说| 无码超乳爆乳中文字幕久久| 无码国产69精品久久久久APP| 无码AV最新高清无码专区| 五月丁香综合缴情六月小说| 性开放按摩AV大片| 亚洲AV永久无码天堂网| 亚洲精品无码久久毛片波多野吉衣 | 欧美黑人一级爽快片婬片高清| 欧美人与鲁交大毛片免费| 青春草无码精品视频在线观看 | 在线播放免费人成毛片试看| 真实国产老熟女粗口对白| 18禁无遮挡羞羞污污污污免费| 97久久精品人人澡人人爽| GOGO全球大胆高清人体131| YSL千人千色T9T9T90| 成人片国产精品亚洲| 国产A∨国片精品青草视频| 国产精品偷伦视频免费观看了 | 狠狠噜天天噜日日噜视频跳一跳 | 在线观看日本亚洲一区| 939W78W78W乳液特色| АⅤ资源天堂资源库在线| 大香煮伊在2020一二三久| 国产高潮国产高潮久久久| 国产午夜亚洲精品理论片八戒 | 国产亚洲欧美精品一区| 精品人妻无码专区中文字幕| 久久精品国产精品亚洲| 蜜桃AV噜噜一区二区三区| 欧美激情视频一区| 日韩精品专区AV无码| 天堂8在线天堂资源BT| 亚洲AV成人片无码网站网一区| 亚洲全部无码中文字幕| 中国少妇初尝黑人巨高清| JEALOUSVUE成熟| 隔壁老王国产在线精品| 国产日产欧产美韩系列| 锕锕锕锕锕锕锕轻点好痛免费| 成人亚洲A片Ⅴ一区二区小说| 国产果冻豆传媒麻婆精东影视| 国产又爽又黄又舒服又刺激视频| 久久99精品国产99久久6尤物| 麻豆一二三区AV精品传媒| 欧美成人性生免费看的| 日韩人妻中文字幕2021视频| 无码中文字幕人妻在线一区二区三 | 中日韩精品无码一区二区三区| JAPANESE丰满少妇最高潮| 大BBW大BBW超大BBW| 国产精口品美女乱子伦高潮| 国产一卡二卡四卡无卡免费| 久久久久久久久久久综合日本 | 亚洲欧洲精品无码AV| 亚洲欧美日韩在线观看一区二区三| 伊人成年网站综合网| 99RE6在线视频精品免费下载| 被医生吃奶吃高潮了H| 国产精品人人做人人爽人人添| 狠狠噜天天噜日日噜视频跳一跳| 久久人午夜亚洲精品无码区 | 老干部熟女高潮视频| 女人高潮特级毛片| 日韩午夜理论免费TV影院| 无码成人AAAAA毛片| 亚洲色大成网站WWW久久| 在线亚洲熟妇一区二区三| 人人人澡人人人妻人人人精品| 国产精品久久久久久一区二区三区| 国产三级无码内射在线看| 国产做出在线 | 传媒麻豆| 亚洲国产成人久久精品99| 艳妇乳肉豪妇荡乳ⅩXXO电影| 中文字字幕在线中文乱码| 爸的比老公大两倍儿媳妇怎么称呼| 囯产精品一品二区三区| 国产成人无码免费视频79| 精品久久久中文字幕人妻| 免费网站正能量WWW正能量| 日本毛多水多做受视频| 无码乱人伦一区二区亚洲一| 亚洲男女一区二区三区| 18未满禁止免费69影院| 抖抈短视频APP免费下载| 极品白嫩的小少妇| 男同GAY片自慰AV网站| 色综合天天天天综合狠狠爱| 亚洲娇小与黑人巨大交| 111111少妇影院| 俄罗斯卖CSGO的网站| 国内精品免费视频自在线拍| 男女无遮挡XX00动态图120| 日韩人妻不卡一区二区三区| 小12箩利洗澡无码视频网站| 亚洲精品无码专区久久久| KDBACC小蝌蚪新版本的特点|