整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
在上一講中，我們講到了asp.net連接數(shù)據(jù)庫并查詢數(shù)據(jù)，通過查詢數(shù)據(jù)庫判斷需要查詢的數(shù)據(jù)是否存在，當(dāng)數(shù)據(jù)存在時(shí)，我們給label賦值為"登錄成功"，當(dāng)數(shù)據(jù)不存在時(shí)，我們給label賦值為”賬號(hào)或密碼錯(cuò)誤" 。在上一節(jié)中，我們學(xué)習(xí)了如下知識(shí)點(diǎn)：
1：SqlConnection對(duì)象
SqlConnection是SQL數(shù)據(jù)庫連接對(duì)象，獲取并設(shè)置數(shù)據(jù)庫的連接，實(shí)例化SqlConnection對(duì)象，并獲取配置文件中的數(shù)據(jù)庫連接字符串。當(dāng)數(shù)據(jù)連接過多時(shí)，此對(duì)象應(yīng)用的時(shí)候，一定要注意連接池的關(guān)閉。
2：SqlCommand對(duì)象
SqlCommand是用于執(zhí)行SQL語句命令的對(duì)象，用于在SQL引擎下執(zhí)行SQL語句的操作對(duì)象，亦可執(zhí)行相應(yīng)的存儲(chǔ)過程。
3：SqlDataAdapter對(duì)象
SqlDataAdapter對(duì)象用于填充DataSet數(shù)據(jù)集或更新SQL數(shù)據(jù)庫中的數(shù)據(jù)。
4：DataSet對(duì)象
DataSet是數(shù)據(jù)集對(duì)象，此數(shù)據(jù)集是存儲(chǔ)在內(nèi)存當(dāng)中的。一個(gè)DataSet可包含多個(gè)DataTable數(shù)據(jù)表，有點(diǎn)類似于Excel的工作簿，包含多個(gè)數(shù)據(jù)表的模式，只是DataSet數(shù)據(jù)是存儲(chǔ)在內(nèi)存中，而非存儲(chǔ)在數(shù)據(jù)庫中的數(shù)據(jù)。
1：學(xué)習(xí)常用的控件
對(duì)于初學(xué)者來講，可能前端的HTML,CSS代碼看著很累，而且前端具有很強(qiáng)的專業(yè)性，
所以本節(jié)的重點(diǎn)內(nèi)容是講解一些常用控件的使用。
首先新建一個(gè)頁面：userInfo.aspx， 然后拉入相應(yīng)的控件，如下圖所示：
在上圖中，有DroupDownList控件、TextBox控件、Calendar控件、Label控件、設(shè)置這些控件相應(yīng)的屬性即可，其中DroupDownList控件是可以綁定數(shù)據(jù)源的，后期我們會(huì)一一講解這些控件怎么綁定數(shù)據(jù)源。此處作演示使用，我們使用固定的數(shù)據(jù)綁定到DroupDownList控件。具體設(shè)置如下：
我們?cè)谔砑覦roupDownList的成員項(xiàng)的時(shí)候，一定要注意到Text , Value這兩項(xiàng)的值 ，Text是顯示在界面中我們所能看到的內(nèi)容，而Value則存儲(chǔ)的是這個(gè)內(nèi)容所包含的值，就類似于姓名和身份證的關(guān)系。我們平時(shí)只稱呼姓名，而不稱呼身份證一樣的道理 。
2：學(xué)習(xí)Calendar日歷控件
日歷控件在我們平時(shí)瀏覽網(wǎng)頁的時(shí)候會(huì)經(jīng)常遇到，我們所能看到的日歷控件很多是通過JavaScript代碼和CSS樣式表來實(shí)現(xiàn)的日歷功能 。作為初學(xué)編程的朋友來講，這些代碼可能看著非常繁瑣，可讀性非常差。沒關(guān)系 ，在VS中提供了這個(gè)日歷控件，我們只需要把這個(gè)控件拉到當(dāng)前的頁面中，即可看到日歷控件了。我們?yōu)閷?shí)現(xiàn)選擇日歷控件的時(shí)間在頁面中顯示出來，我們將Calendar控件的Visible的值設(shè)置為False，當(dāng)點(diǎn)擊”選擇學(xué)習(xí)時(shí)間“這個(gè)按鈕的時(shí)候，讓這個(gè)日歷控件顯示出來，選擇完時(shí)間后，我們?cè)賹⑷諝v控件給隱藏。代碼很簡單，如下圖所示：
是不是很簡單呢，完成后，運(yùn)行頁面，如下圖所示：
產(chǎn)決定消費(fèi)，電視載體創(chuàng)新、互聯(lián)網(wǎng)視頻服務(wù)和技術(shù)之間的交替促進(jìn)，推動(dòng)著大眾家庭影音體驗(yàn)的升級(jí)。那么，如何設(shè)計(jì)電視大屏的家庭影音應(yīng)用呢？一起來看一下吧。
回顧以前，我們看電視只能看CCTV、江蘇衛(wèi)視、湖南衛(wèi)視這些直播內(nèi)容，可是我們不滿足于直播節(jié)目，想要去廣告想要看收費(fèi)內(nèi)容想要回放看上課時(shí)播出的電視劇。讓我印象很深刻的是那種點(diǎn)播臺(tái)，要打電話用話費(fèi)點(diǎn)播，來來回回就放的那幾個(gè)動(dòng)畫。現(xiàn)在，我們可以在電視上語音搜索到熱門網(wǎng)絡(luò)劇，訂閱歐冠英超球賽直播、選擇各家綜藝影視等等。
生產(chǎn)決定了消費(fèi)，正是電視載體創(chuàng)新、互聯(lián)網(wǎng)視頻服務(wù)和技術(shù)之間的交替促進(jìn)在推動(dòng)著大眾家庭影音體驗(yàn)的升級(jí)。如何設(shè)計(jì)電視大屏的家庭影音應(yīng)用，就是我接下來想要分享的內(nèi)容，我打算先從電視和手機(jī)的幾個(gè)不同講起。
用戶—上下文場景—行為—工具或媒介—目的。
不同的場景下人和物都有不盡相同的交互方式。
我們使用手機(jī)時(shí)的用戶使用場景可以是移動(dòng)的，在地鐵上在衛(wèi)生間，利用碎片化時(shí)間，而電視通常都是被固定在客廳臥室這樣的居家場景中，使用時(shí)長是整段的，一般集中在晚上時(shí)段。
場景：在什么時(shí)間，什么地點(diǎn)，什么樣的環(huán)境，最后發(fā)生什么事情；
電影里場景的分類：內(nèi)景、外景、實(shí)體場景、虛擬場景。
在居家場景中，電視是全家的公共設(shè)備，覆蓋不同年齡段的人。尤其是老人和小孩，各年齡段使用時(shí)段也很不同。因此使用電視時(shí)，用戶學(xué)習(xí)成本要低，操作要求更簡單，還有不同模式切換。
而手機(jī)作為個(gè)人物品，更具隱私、個(gè)性化的特征。手機(jī)雖然各種交互感應(yīng)很靈敏，但是相對(duì)的，操作要求更精確，學(xué)習(xí)成本高。
與手機(jī)相比，電視不適合承擔(dān)功能型的操作任務(wù)，作為一個(gè)家庭休閑娛樂設(shè)備，使用場景和功能相對(duì)單一。休閑娛樂是電視的主要用途，還有學(xué)習(xí)、智能助手、家居控制、裝飾等。
與移動(dòng)端不同，電視體驗(yàn)發(fā)生在不同的空間中，并且需要在3米外清晰可見。在近場交互時(shí)實(shí)體與觸控是第一選擇，而當(dāng)中遠(yuǎn)場交互時(shí)語音成為輸入方式的第一選擇，遙控器這種遠(yuǎn)程遙控的實(shí)體輸入方式學(xué)習(xí)成本低而被保留至今。
人們經(jīng)常以輕松的心態(tài)使用電視，希望獲得一種觀看小屏無法獲得的身臨其境的娛樂體驗(yàn)。電視相比于手機(jī)更注重沉浸式體驗(yàn)，做到電影般的效果。
首先，在設(shè)計(jì)電視端時(shí)，我們可以參考安卓和蘋果的TV端設(shè)計(jì)原則來主導(dǎo)界面設(shè)計(jì)，其次我們依舊可以根據(jù)設(shè)計(jì)五要素去思考界面設(shè)計(jì)的方向。
1）配合場景的暗色模式
電視的使用場景：夜晚的客廳環(huán)境——具有弱光、安靜、舒適的特點(diǎn)，因此我們一般都采用暗色主題，讓背景色融入場景氛圍，以此突出內(nèi)容。內(nèi)容和背景的對(duì)比也不需要過于明顯，背景顏色的選擇不宜過黑而無法辨別出圖片的陰影。在主題高亮色上避免使用過于飽和以免產(chǎn)生刺眼的感覺。
2）海報(bào)內(nèi)容一目了然
一般電視里也分為應(yīng)用圖標(biāo)與內(nèi)容推薦，它們都需要在3米外就能被清楚地識(shí)別出來。每一個(gè)圖片的色調(diào)可以統(tǒng)一區(qū)別于背景。
圖片內(nèi)使用簡單的背景讓主體脫穎而出，并且不會(huì)壓倒附近的內(nèi)容。使用過多的漸變反而會(huì)減弱整體的對(duì)比，因此應(yīng)該減少圖片內(nèi)顏色的使用，讓主要內(nèi)容凸顯。
3）避免主題色刺眼和失真
純白色 (#FFFFFF) 在明亮的電視屏幕上可能會(huì)非常刺眼，建議將淺灰色 (#EEEEEE) 作為深色背景上的默認(rèn)文本顏色。同樣部分高亮主題色運(yùn)用到電視界面設(shè)計(jì)時(shí)也需要注意，尤其是紅、黃、橙色系，這些顏色會(huì)特別嚴(yán)重地失真。
4）文字可識(shí)別
由于遠(yuǎn)距離閱讀大量文字會(huì)使眼睛疲勞，要認(rèn)真考慮文本顯示的字?jǐn)?shù)，能用圖像或者動(dòng)畫交流就避免使用文字。確保各類字體在遠(yuǎn)處清晰可見，一般系統(tǒng)字體不要小于22px（12sp），也盡量精簡字體樣式并避免過細(xì)的字重。
1）常見電視尺寸
主流電視尺寸一般在43-85寸之間，常見的有43、50、55、60、65、75等，消費(fèi)者根據(jù)觀看距離選擇適合的電視尺寸。電視屏幕的尺一般都遵循16:9的電視畫面寬高比。我們一般使用1920×1080為最小畫布，是當(dāng)下最常見的電視分辨率，所有圖片資源都是@1x 分辨率。隨著4K內(nèi)容的普及，也可以使用1920×1080，但是需要提供應(yīng)提供@2x圖的圖像。
提問：1920×1080的電視是幾K？1080P就是指1920×1080的分辨率大小嗎？
2）畫布尺寸與安全區(qū)設(shè)置
由于在舊電視上存在過度掃描，可能會(huì)發(fā)生意外裁剪，需要留出安全區(qū)，使主要內(nèi)容遠(yuǎn)離屏幕邊緣。一般上下左右留出畫布5%左右的距離。
3）顯色差異明顯需要測(cè)試
各家電視主打畫質(zhì)作為賣點(diǎn)，價(jià)格各有不同，各家的畫質(zhì)處理技術(shù)也不同，可見各家屏幕的畫質(zhì)一定有一些區(qū)別。區(qū)別主要在于顯色、色域、控光、畫質(zhì)等，總結(jié)就是顯色差異明顯，我們應(yīng)該在消費(fèi)者主要使用的電視型號(hào)上進(jìn)行顯示測(cè)試。尤其是綠色、紅色、黃色等顏色容易明顯色差。
正是有了這樣一個(gè)外設(shè)輸入源，就需要考慮觸碰但未觸發(fā)的上焦?fàn)顟B(tài)（focused），正如當(dāng)有鍵盤就有輸入時(shí)，當(dāng)鼠標(biāo)懸浮時(shí)。TV焦點(diǎn)態(tài)的設(shè)計(jì)即遵循安卓一般設(shè)計(jì)原則，也有它的獨(dú)特性。
1）D-PAD十字交互與網(wǎng)格布局
我們可以把D-PAD和屏幕間的交互形式，稱為“十字線性交互”，也正是這種交互形式?jīng)Q定了輸出端的界面布局的基本形式。
在這個(gè)大屏里，我們的焦點(diǎn)只能按照D-PAD的指揮走水平或者垂直線，每一個(gè)位置的路徑只能走二維的“十”線，這樣可以更好引導(dǎo)用戶到達(dá)他想要的內(nèi)容。（這里運(yùn)用了非常典型的親近性原則）
設(shè)計(jì)師和開發(fā)都熟悉用柵格的形式來布局橫版頁面，而電視上更常采用間距統(tǒng)一的網(wǎng)格形式來規(guī)范內(nèi)容集合，方便遠(yuǎn)程瀏覽，也可以方便遙控器快速導(dǎo)航。設(shè)計(jì)可以根據(jù)內(nèi)容自定列數(shù)，最多甚至可以達(dá)到9列。
2）焦點(diǎn)在空間中的層次
位置與方向感：在安卓設(shè)計(jì)語言中，我們可以通過不同控件在Z軸上不同的位置來劃分控件間的層次。通常是通過陰影的變化來表現(xiàn)。因此，我們?yōu)榱送怀鼋裹c(diǎn)所在的位置，焦點(diǎn)一般會(huì)有明顯的陰影。以外可能還會(huì)添加別的樣式來加強(qiáng)它。
同時(shí)，為了明確指向D-PAD所能到達(dá)的位置，我們?cè)谠O(shè)計(jì)布局時(shí)，也需要避免控件間出現(xiàn)重疊。
即Z軸方向，只有一個(gè)焦點(diǎn)和普通兩種層級(jí)，且（可上焦的）普通層級(jí)相互不重疊。
1）家庭共享下的多模式
輸入源除了考慮輸入設(shè)備本身，還可以考慮多個(gè)來自多個(gè)人，可能是多人協(xié)作或者多人共用。在居家環(huán)境這個(gè)場景下，根據(jù)使用者的不同提供對(duì)應(yīng)賬號(hào)下的信息頁面，以及多人共同進(jìn)行電視操作。
2）年齡分段模式呈現(xiàn)不同內(nèi)容與UI
在多個(gè)用戶的模式下，就需要對(duì)不同用戶進(jìn)行分類，電視端常見的用戶模式有：兒童、普通、長輩三種模式。
三種模式下，視覺上色調(diào)、背景、間距、焦點(diǎn)態(tài)、字號(hào)、內(nèi)容海報(bào)都有相應(yīng)的調(diào)整。它意味著很多控件是需要做成自定義的。（運(yùn)營也可以對(duì)其進(jìn)行配置的）
3）常駐的“新手”提示和引導(dǎo)
電視還是一種公共設(shè)備，不同時(shí)段有不同的人使用它。不同年齡層對(duì)智能電視的操作熟悉度也不同，我們?cè)谧鲇幸龑?dǎo)的頁面設(shè)計(jì)時(shí)，也會(huì)做成可重復(fù)提示的過程頁面，而非一次性引導(dǎo)。常見的如按鈕文案設(shè)計(jì)成操作描述的文案，以及焦點(diǎn)帶氣泡提示等。
在首頁用戶更多的是找尋感興趣的內(nèi)容，用戶選中一個(gè)內(nèi)容就可以立即看到視頻內(nèi)容。所以在這里推薦使用獲取焦點(diǎn)即執(zhí)行的方式，能夠節(jié)省找尋成本。用戶點(diǎn)擊確認(rèn)鍵即可進(jìn)入播放頁面。
一種是背景圖片跟隨焦點(diǎn)進(jìn)行切換并自動(dòng)播放。
一種是焦點(diǎn)聚焦到內(nèi)容且未移動(dòng)時(shí)，自動(dòng)播放墊片內(nèi)容，無需進(jìn)入二級(jí)，所選即時(shí)播放。
電視應(yīng)用的層級(jí)少，結(jié)構(gòu)扁平，下面我將舉例如何思考一個(gè)大屏頁面的信息排布以及頁面焦點(diǎn)的一些設(shè)計(jì)重點(diǎn)。
安卓設(shè)計(jì)指南里列出了幾種常見的頁面結(jié)構(gòu)：瀏覽視圖、詳細(xì)視圖、消費(fèi)視圖、搜索視圖。這幾類頁面結(jié)構(gòu)基本上就構(gòu)成了TV端瀏覽一個(gè)內(nèi)容的流程，從語音或推薦項(xiàng)目里選擇一個(gè)內(nèi)容，進(jìn)入詳情并開始觀看的一個(gè)主要流程。
在appleTV中對(duì)應(yīng)的頁面效果如下圖所示，都無一不體現(xiàn)大畫布背景+不拆分視圖帶來的沉浸感，并且沒有多余的狀態(tài)欄標(biāo)題欄。
一個(gè)常見的流程如下：我們?cè)跒g覽視圖和詳細(xì)視圖里或者搜索視圖里選擇了觀看內(nèi)容后，進(jìn)入消費(fèi)視圖（視頻播放頁），同時(shí)可能主動(dòng)或被動(dòng)選擇相關(guān)內(nèi)容，跳轉(zhuǎn)播放或畫中畫播放。
咪咕愛唱是一款主要通過會(huì)員付費(fèi)為用戶提供音樂類版權(quán)內(nèi)容（包括音樂MV、K歌伴奏、演唱會(huì)）的產(chǎn)品。
當(dāng)我們從行為開始考慮，一個(gè)K歌的信息頁面有什么時(shí)，我們可以想到，家庭K歌行為下，對(duì)應(yīng)著多人控制、多年齡段使用，平鋪直敘的排版方式是最好，一眼進(jìn)來最好能看到即時(shí)的K歌伴奏MV，有可以讓多人同時(shí)操作點(diǎn)歌的二維碼，支持方便的語音搜索。
在確定的功能點(diǎn)模塊基礎(chǔ)上，根據(jù)沉浸式的目的和十字交互的規(guī)則，我重新規(guī)劃了一種以即時(shí)播放未主要中心的首頁布局，展示的內(nèi)容其實(shí)沒有變化，但是整個(gè)頁面不再是被劃分的卡片而是有主次的功能和信息的排布。
新規(guī)劃的沉浸式布局1
新規(guī)劃的沉浸式布局2
消費(fèi)視圖里不僅承載了最重要的視聽內(nèi)容，還有一些個(gè)性化推薦的服務(wù)和功能，因此在設(shè)計(jì)時(shí)，需要提到頁面最前來考慮。
純歌詞內(nèi)容視圖，歌詞逐字上屏是K歌獨(dú)有一種展示形式，LRC歌詞本身有時(shí)間刻度，所以這里我將時(shí)間進(jìn)度條和歌詞關(guān)聯(lián)，用戶上下移動(dòng)選擇單句歌詞更加直觀，而不是快進(jìn)或后退。
內(nèi)容推薦+歌詞展示內(nèi)容視圖，其實(shí)這個(gè)是上一個(gè)頁面選擇播放列表后的頁面效果，我傾向于給每個(gè)歌曲生成封面圖。（一般每個(gè)歌曲都會(huì)有圖片或者M(jìn)V）
視頻展示內(nèi)容視圖，在播放內(nèi)容時(shí)，盡可能減少選擇內(nèi)容對(duì)沉浸式觀影的體驗(yàn)，當(dāng)然后期針對(duì)運(yùn)營需求可以權(quán)衡。
常用的深色調(diào)配色當(dāng)然能更好突出，但是考慮與白天的氛圍匹配，淺色調(diào)也可以，淺色背景上的陰影更能明顯突出焦點(diǎn)層次，更重要的是，按鈕背景的顏色在不同素材上都能顯示出來。以及所有圖片整體的色調(diào)選擇。
暗黑帶透明度按鈕背景顏色在兩種背景上的表現(xiàn)
中度灰?guī)该鞫鹊陌粹o背景顏色
當(dāng)然每一個(gè)電視大屏的目標(biāo)用戶不盡相同，還是要根據(jù)主要人群來設(shè)計(jì)和規(guī)劃。因?yàn)镵歌產(chǎn)品也是一款既有兒童又有老年人用戶的產(chǎn)品。因此針對(duì)不同用戶，頻道的風(fēng)格也有一些區(qū)別。
我們不管是從國外的應(yīng)用如網(wǎng)飛和亞馬遜也好，還是從國內(nèi)的幾家頭部視頻網(wǎng)站也好，我們可以發(fā)現(xiàn)影視作品的封面也呈現(xiàn)出以下我舉例的一些方向和風(fēng)格。我們?cè)谧鲭娨暥藨?yīng)用的圖片展示時(shí)，更應(yīng)該遵循那種精簡、干凈、光效統(tǒng)一的風(fēng)格。
以前一些設(shè)計(jì)舉例
1）遙控器與焦點(diǎn)的狀態(tài)
控件狀態(tài)需要多少種只跟輸入源有關(guān)系。比如你輸入源是鼠標(biāo)+鍵盤，那么 focus (給鍵盤）、 hover （給鼠標(biāo)）、active （給鼠標(biāo)/鍵盤按下），然后細(xì)膩點(diǎn)你還會(huì)想要加入 disabled。正是由于遠(yuǎn)距離交互+按鍵的形式，電視端的焦點(diǎn)態(tài)的形式有很大的不同。
電視端焦點(diǎn)態(tài)存在的目的是，方便用戶時(shí)刻都清晰且明確地知道自己的光標(biāo)在哪里，可以移動(dòng)到哪里。——通過焦點(diǎn)的統(tǒng)一性、即時(shí)性來進(jìn)一步明確地告訴電視這端的用戶停在了哪里，可以往哪里走。
蘋果TV統(tǒng)一的焦點(diǎn)態(tài)樣式
控件的狀態(tài)和輸入端的形式是強(qiáng)關(guān)聯(lián)的。輸入源是D-PAD，那么控件焦點(diǎn)態(tài)就是二維的，輸入源是觸控盤，那么控件焦點(diǎn)態(tài)就可以是三維動(dòng)態(tài)的。
蘋果電視的焦點(diǎn)態(tài)動(dòng)態(tài)圖
國內(nèi)由于強(qiáng)運(yùn)營的需要，對(duì)于電視焦點(diǎn)態(tài)的設(shè)計(jì)五花八門，想盡了心思，層層疊加。
2）焦點(diǎn)動(dòng)效與遙控方向
我們總覽兩大設(shè)計(jì)原則，都提到了電影體驗(yàn)、沉浸式體驗(yàn)，一些小屏幕的細(xì)微變化（比如spring）會(huì)被放大而顯得復(fù)雜過度，我們可以想象看電影時(shí)掉幀卡頓的糟糕體驗(yàn)，電視端的動(dòng)畫時(shí)為了在人和屏幕上的內(nèi)容之間創(chuàng)造一種視覺上的聯(lián)系。
和移動(dòng)端一樣的也可以按照這樣的分類來考慮：啟動(dòng)動(dòng)畫、反饋動(dòng)畫、轉(zhuǎn)場動(dòng)畫。也可以按照交互動(dòng)作來考慮，僅在響應(yīng)用戶操作時(shí)使用，比如在考慮入場和出場動(dòng)畫時(shí)，出場動(dòng)畫可以考慮統(tǒng)一——對(duì)應(yīng)遙控器上的返回鍵，而入場動(dòng)畫則考慮兩個(gè)點(diǎn)：
因?yàn)殡娨暥烁嗍且环N圖片列表的展示形式，因此圖片列表的展示經(jīng)常以視差運(yùn)動(dòng)出現(xiàn)，表現(xiàn)一種大屏上縱向內(nèi)容源源不斷的出現(xiàn)的感覺。
3）沉浸式的焦點(diǎn)效果
目前在瀏覽器和電視端已經(jīng)可以看到這樣的效果——即當(dāng)你滾動(dòng)瀏覽推薦行時(shí)，只要在圖像上停留超過一兩秒鐘，每個(gè)標(biāo)題的預(yù)覽視頻就會(huì)開始自動(dòng)播放。這是在電視上一種非常直覺性的交互，就像很久以前我們打開電視就有生動(dòng)的音畫一樣。
電視具有數(shù)十年的期望值，當(dāng)您打開電視時(shí)，可以播放視頻和音頻。因此，有一個(gè)沉默的經(jīng)歷實(shí)際上是很奇怪的。
如果還想深入優(yōu)化優(yōu)秀的大屏端動(dòng)態(tài)效果可以去PS這類游戲主機(jī)系統(tǒng)里取取經(jīng)。對(duì)于大屏設(shè)計(jì)如何精進(jìn)，我認(rèn)為還是從主機(jī)端游戲界面設(shè)計(jì)可以瞥見一隅。未來大屏就是AR眼鏡，就是VR，電視的那套東西已經(jīng)被搬進(jìn)了小小主機(jī)和輕便的眼鏡里。
本文主要以交互設(shè)計(jì)的5個(gè)要素為框架，從電視與手機(jī)的不同著手分析電視的特有屬性，繼而引出界面設(shè)計(jì)一些特殊點(diǎn)，最后以一個(gè)電視端K歌APP設(shè)計(jì)舉例，從布局、配色、焦點(diǎn)態(tài)設(shè)計(jì)等幾個(gè)面展開詳細(xì)說明。
參考資料:
本文由 @皮質(zhì)大獎(jiǎng)得主 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
.QtWidget層疊顯示，置頂，置底,Lbel顯示圖片、
2.解釋說明代碼:
3.載入必要的文件：
4.獲取windows對(duì)象的方法代碼：
5.獲取windows對(duì)象代碼：
6.設(shè)置windows標(biāo)題置頂和置地代碼：
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
