數(shù)碼視訊內容生產系統(tǒng)界面設計

數(shù)碼視訊內容生產系統(tǒng)界面設計

圖標設計 | 交互設計 | 界面設計

圖標設計 | 交互設計 | 界面設計

數(shù)碼視訊全稱北京數(shù)碼視訊科技股份有限公司。公司主要從事數(shù)字電視軟硬件產品的研發(fā)、生產、銷售和技術服務業(yè)務,是國內領先的數(shù)字電視軟件及系統(tǒng)提供商、數(shù)字電視整體解決方案提供商。公司主要產品包括數(shù)字電視條件接收系統(tǒng)(CA 系統(tǒng))、數(shù)字電視前端設備等。

內容生產系統(tǒng)是應用于廣播電視領域的專業(yè)視頻編輯,內容制作及管理的軟件系統(tǒng)。藍藍設計負責產品交互的優(yōu)化和視覺設計。

清晰,規(guī)整的界面布局

內容生產系統(tǒng)具備廣播電視領域“媒資管理”,“資源輪播”,“內容收錄”,“產品導播”等環(huán)節(jié)的管理與控制功能。這幾項功能組合可實現(xiàn)廣播電視內容的收錄,管理,編輯,分發(fā)等全流程控制與管理。

系統(tǒng)復雜的功能對界面交互及布局提出較高要求。在項目過程中,我們花費大量時間理解和消化產品需求,對產品界面布局和產品色調反復修改,最終輸出右側效果圖。 界面中產品logo和一級導航界面位于頁面最頂部,內容區(qū)域位于導航欄下方,占據(jù)頁面大部分面積,內容區(qū)域內部不同功能用色塊區(qū)分,這樣既可以清晰明確地將頁面功能區(qū)分開,又可以在保持頁面規(guī)整統(tǒng)一的同時,增加頁面的節(jié)奏感,避免視覺上的單一。此類布局也很適合對產品功能性和使用效率有一定要求的產品。

沉穩(wěn)大氣的界面配色布局

界面主色調采用深藍色色配色,輔助色為高亮度的藍色,配色屬于同色系配色。對于專業(yè)的操作軟件來說,除了易操作外,還要強調產品的專業(yè)性和穩(wěn)定性;所以同色系配色可以保持界面色調一致性。相較于白色底色界面,深色界面更能凸顯文字,圖片等內容,視覺更容易聚焦,減少視覺在頁面游離時間,提升操作效率。

從色彩心理學上來講,深色界面具有更強的代入感,能使客戶更加專注于當前的任務;深藍色可以使人保持冷靜;許多醫(yī)療設備,企業(yè)等專業(yè)性系統(tǒng)中采用藍色配色居多。

數(shù)碼視訊內容生產系統(tǒng)界面設計沉穩(wěn)大氣的界面配色布局

其他頁面展示

數(shù)碼視訊內容生產系統(tǒng)界面設計標注系統(tǒng)首頁

標注系統(tǒng)首頁

數(shù)碼視訊內容生產系統(tǒng)界面設計標注系統(tǒng)-數(shù)據(jù)管理頁

標注系統(tǒng)-數(shù)據(jù)管理頁

數(shù)碼視訊內容生產系統(tǒng)界面設計內容生產系統(tǒng)-轉碼編單

內容生產系統(tǒng)-轉碼編單

數(shù)碼視訊內容生產系統(tǒng)界面設計內容生產系統(tǒng)-導播設置

內容生產系統(tǒng)-導播設置

  返回