華為鴻蒙系統(tǒng)已經(jīng)上線,那么對(duì)于這個(gè)系統(tǒng)而言,華為在其他的配套方案上也得跟上。近日華為專(zhuān)門(mén)為鴻蒙系統(tǒng)設(shè)計(jì)了全新定制的“HarmonyOS Sans”,目前這套字體已經(jīng)公開(kāi)上線,可以免費(fèi)商用,也就是說(shuō)無(wú)論是個(gè)人還是團(tuán)體,都能免費(fèi)使用這套字體。
成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。成都創(chuàng)新互聯(lián)公司擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè),用營(yíng)銷(xiāo)思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開(kāi)源代碼、注重用戶(hù)體驗(yàn)與SEO基礎(chǔ),將技術(shù)與創(chuàng)意整合到網(wǎng)站之中,以契合客戶(hù)的方式做到創(chuàng)意性的視覺(jué)化效果。
這套字體據(jù)悉來(lái)自漢儀字庫(kù)字體設(shè)計(jì)團(tuán)隊(duì),設(shè)計(jì)上聚焦于功能性、普適性,是一款多語(yǔ)言的無(wú)級(jí)可變字體,支持簡(jiǎn)體中文、繁體中文、拉丁、西里爾、希臘、阿拉伯等5大書(shū)寫(xiě)系統(tǒng),105種語(yǔ)言全球化覆蓋。
當(dāng)然專(zhuān)門(mén)設(shè)計(jì)字體的公司其實(shí)不少,在華為之前,包括蘋(píng)果、小米、OPPO等廠商都推出過(guò)自己設(shè)計(jì)的字體應(yīng)用在自己的手機(jī)系統(tǒng)中。一方面廠商自己設(shè)計(jì)的字體更符合廠商的需求以及個(gè)性,另外也能給自己的產(chǎn)品增加辨識(shí)度和美觀程度,為用戶(hù)營(yíng)造出一種與眾不同的視覺(jué)體驗(yàn)。而這次華為為鴻蒙系統(tǒng)打造的HarmonyOS Sans這套字體,同樣有著易讀、獨(dú)特以及通用等三大特色。
由于系統(tǒng)字體不同于平面印刷字體,所以在手機(jī)這樣的場(chǎng)景中,易讀是最基礎(chǔ)的一個(gè)條件。 HarmonyOS Sans在設(shè)計(jì)時(shí)為應(yīng)對(duì)可變字體筆畫(huà)連接處易破碎的情況,做出優(yōu)化統(tǒng)一處理,使得字體最終呈現(xiàn)效果干凈而利落;另外為了彰顯華為鴻蒙系統(tǒng)的不同,這字體采用了現(xiàn)代感的架構(gòu)處理,同時(shí)兼顧書(shū)寫(xiě)的美感,有著獨(dú)特的風(fēng)格, 比如對(duì)字體筆畫(huà)的優(yōu)化,降低黑體的機(jī)械感等;最后在通用部分,這套字體對(duì)中西文不匹配的問(wèn)題 做出了針對(duì)性的優(yōu)化,為多元復(fù)雜的應(yīng)用場(chǎng)景提供了更多的可能性。
總的來(lái)說(shuō),華為鴻蒙的這套字體還是很有辨識(shí)度,事實(shí)上在鴻蒙專(zhuān)屬APP較少的當(dāng)下,鴻蒙系統(tǒng)想要給用戶(hù)做出與眾不同的東西,除了萬(wàn)物互聯(lián)的功能之外,也需要在系統(tǒng)層面上下更多的功夫,包括UI的設(shè)計(jì)、功能的增添以及像現(xiàn)在這樣推出專(zhuān)屬的鴻蒙字體,這樣普通用戶(hù)才能感覺(jué)到自己用的系統(tǒng),和其他手機(jī)系統(tǒng)的區(qū)別在什么地方。
當(dāng)然字體可能是很多人都沒(méi)有特別注意的一部分改動(dòng),但是從這些細(xì)節(jié)也能看出華為在鴻蒙系統(tǒng)上的努力。對(duì)于華為而言, 文字與圖標(biāo)使用統(tǒng)一的設(shè)計(jì)語(yǔ)言,也是為用戶(hù)呈現(xiàn)多設(shè)備互助全新體驗(yàn)的關(guān)鍵要素。如果這套字體真的能提升用戶(hù)對(duì)鴻蒙系統(tǒng)的感知度,哪怕只是少部分用戶(hù),也說(shuō)明這樣做是值得的。
目前這套字體已經(jīng)上線,用戶(hù)可以在 漢儀字庫(kù)官方網(wǎng)站、華為鴻蒙開(kāi)發(fā)者網(wǎng)站以及字由官方等地方下載,完全免費(fèi)。大家也可以去嘗試一下,看看這套鴻蒙專(zhuān)屬的字體到底符合不符合自己的審美和認(rèn)知,和其他字體又有什么區(qū)別。
首先,您需要了解升級(jí)Harmony OS前的準(zhǔn)備工作:
1.升級(jí)前,請(qǐng)確保設(shè)備沒(méi)有被Root,并預(yù)留10G以上的內(nèi)部 存儲(chǔ)空間。
2.進(jìn)入華為應(yīng)用市場(chǎng),搜索我的華為,將我的華為應(yīng)用更新到最新版本。
請(qǐng)?zhí)崆皞浞莺脭?shù)據(jù)(第三方通訊類(lèi)應(yīng)用需單獨(dú)備份),并確保設(shè)備已經(jīng)升級(jí)到基線版本。不同產(chǎn)品升級(jí)基線版本的方法不同,建議您 兩種方法都嘗試下。
方法一:您可以在設(shè)置 系統(tǒng)和更新 軟件更新檢查版本并升級(jí)到最新版本。
方法二:您可以打開(kāi)我的華為服務(wù)中搜索升級(jí)嘗鮮進(jìn)行升級(jí)。
做好準(zhǔn)備工作后,您即可通過(guò)以下兩種方式完成系統(tǒng)升級(jí):
方法一:通過(guò)Harmony OS 公測(cè)活動(dòng)完成系統(tǒng)升級(jí):
打開(kāi)我的華為升級(jí)嘗鮮公測(cè)嘗鮮立即嘗鮮,找到對(duì)應(yīng)機(jī)型公測(cè)活動(dòng)帖,了解公測(cè)活動(dòng)參與流程、適配機(jī)型與基線版本、注意事項(xiàng)。
點(diǎn)擊參加公測(cè)活動(dòng),閱讀華為公測(cè)協(xié)議、隱私聲明并同意。然后下載描述文件并安裝成功。若所持機(jī)型不適配當(dāng)前的公測(cè)活動(dòng),點(diǎn)擊“下載描述文件”將提示“描述文件無(wú)效,安裝終止。
進(jìn)入“設(shè)置 系統(tǒng)和更新 軟件更新”下載安裝公測(cè)版本,升級(jí)體驗(yàn)。
方法二:通過(guò)HarmonyOS 內(nèi)測(cè)活動(dòng)來(lái)完成系統(tǒng)升級(jí):
打開(kāi)我的華為花粉俱樂(lè)部?jī)?nèi)測(cè)報(bào)名立即報(bào)名,根據(jù)提示填寫(xiě)正確的報(bào)名信息,提交 報(bào)名信息后彈出“您的內(nèi)測(cè)申請(qǐng)成功,請(qǐng)等待管理員審核”視為報(bào)名信息填寫(xiě)成功。如果點(diǎn)擊立即報(bào)名提示“您使用的機(jī)型暫無(wú)內(nèi)測(cè)活動(dòng),感謝您的關(guān)注?!闭f(shuō)明您的設(shè)備當(dāng)前沒(méi)有正在進(jìn)行中的內(nèi)測(cè)活動(dòng),或者報(bào)名使用的華為賬號(hào)已經(jīng)在其他設(shè)備上報(bào)名,其他設(shè)備審核通過(guò)后該賬號(hào)即可重新申請(qǐng)報(bào)名。如您報(bào)名成功,審核通過(guò)后即可在“設(shè)置 系統(tǒng)和更新 軟件更新”中檢測(cè)到HarmonyOS更新。
如果提交信息后發(fā)現(xiàn)填寫(xiě)錯(cuò)誤,可通過(guò)我的華為花粉俱樂(lè)部?jī)?nèi)測(cè)報(bào)名我的內(nèi)測(cè),對(duì)報(bào)名信息進(jìn)行修改。
開(kāi)發(fā)前可以了解下鴻蒙: [鴻蒙開(kāi)發(fā) 序]華為鴻蒙操作系統(tǒng)(HarmonyOS)簡(jiǎn)介及開(kāi)發(fā)環(huán)境搭建
開(kāi)發(fā)前的準(zhǔn)備:「鴻蒙開(kāi)發(fā) 1」華為鴻蒙應(yīng)用集成開(kāi)發(fā)環(huán)境DevEco Studio安裝和設(shè)置
了解鴻蒙應(yīng)用開(kāi)發(fā)的基本開(kāi)發(fā)流程:「鴻蒙開(kāi)發(fā) 2」第一個(gè)華為鴻蒙(HarmonyOS)應(yīng)用程序(App)
本章目標(biāo):
1 了解華為鴻蒙應(yīng)用開(kāi)發(fā)的可視化(低代碼)方式
2 通過(guò)構(gòu)建一個(gè)簡(jiǎn)單的具有頁(yè)面跳轉(zhuǎn)功能的應(yīng)用
低代碼開(kāi)發(fā)方式,即通過(guò)可視化界面開(kāi)發(fā)方式快速構(gòu)建布局、編輯UI界面,可有效降低用戶(hù)的上手成本并提升用戶(hù)構(gòu)建UI界面的效率。
1 打開(kāi)DevEco Studio,創(chuàng)建一個(gè)新工程,選擇支持Phone / Tablet / Wearable(手機(jī) / 平板 / s可穿戴)的模板,我們?cè)诖酥苯舆x擇Empty Ability
Project name工程名稱(chēng)填SuperVisual
Development mode開(kāi)發(fā)方式選擇Super Visual
其它的可以使用默認(rèn)設(shè)置,點(diǎn)擊完成,進(jìn)入編輯界面
1 在Project(項(xiàng)目)窗口,刪除工程運(yùn)行默認(rèn)的入口文件夾:“entry src main js default pages index”文件夾
2 在Project窗口,選擇工程中的“entry src main js default pages”,單擊鼠標(biāo)右鍵,選擇“New JS Visual”
JS visual name填first,點(diǎn)擊完成,進(jìn)入編輯界面
創(chuàng)建完成后,可以看到“entry src main supervisual default pages page page.visual”的文件目錄結(jié)構(gòu)
3 第一個(gè)頁(yè)面內(nèi)有一個(gè)容器、文本和一個(gè)按鈕,通過(guò)Div、Text和Button組件來(lái)實(shí)現(xiàn)
(1)分別選中first.visual畫(huà)面中的Text、Div組件,單擊鼠標(biāo)右鍵,選擇Delete刪除
(2)選中UI Control中的Div組件,將其拖至畫(huà)布
點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)(General),設(shè)置Div組件的高度Height為100%,使其占滿(mǎn)屏幕
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)(Flex),設(shè)置Div組件的FlexDirection樣式為column,使Div的主軸垂直;設(shè)置Div組件的JustifyContent樣式為center,使得其子組件在主軸上居中顯示;設(shè)置Div組件的AlignItems樣式為center,使得其子組件在交叉軸上居中顯示
(3)選中UI Control中的Text組件,將其拖至Div組件的中央?yún)^(qū)域
點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)(Properties),設(shè)置Text組件的Content屬性為 “ Hello World ”
點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)(General),設(shè)置Text組件的寬(width)為100%,高(height)為100px
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)(Feature),設(shè)置組件的FontSize樣式為60px,使得其文字放大;設(shè)置組件的TextAlign樣式為center,使得組件文字居中顯示
(4)選中UI Control中的Button組件,將其拖至Text組件下面
點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)(Properties),設(shè)置Button組件的Value屬性為 “ Next ”,
點(diǎn)擊右側(cè)屬性樣式欄中的通用樣式圖標(biāo)(General),設(shè)置按的寬(width)為40%,高(height)為60px
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)(Feature),設(shè)置組件的FontSize樣式為40px
至此,第一個(gè)頁(yè)面創(chuàng)建完成
我們可以在預(yù)覽窗口中看效果,點(diǎn)擊右側(cè)邊欄的Preview打開(kāi)預(yù)覽窗口
1 在Project窗口,選擇工程中的“entry src main js default pages”,單擊鼠標(biāo)右鍵,選擇“New JS Visual”
Visual配置界面,JS visual name填second,回車(chē)(Enter鍵)或者點(diǎn)擊完成,進(jìn)入編輯界面
2 第二個(gè)頁(yè)面中有一個(gè)容器和文本,通過(guò)Div、Text組件實(shí)現(xiàn),現(xiàn)在編輯器已經(jīng)為我們創(chuàng)建好了,我們就來(lái)修改下它們的屬性(你也可以刪除原有的自己創(chuàng)建,具體步驟參考本章第二節(jié)“二 創(chuàng)建第一個(gè)頁(yè)面”)。
選中Text組件,點(diǎn)擊右側(cè)屬性樣式欄中的屬性圖標(biāo)(Properties),設(shè)置Text組件的Content屬性為 “ Hi,I'm always here. ”
點(diǎn)擊右側(cè)屬性樣式欄中的通用圖標(biāo)(General),設(shè)置組件的寬(width)為100%,高為60px
點(diǎn)擊右側(cè)屬性樣式欄中的樣式圖標(biāo)(Feature),設(shè)置組件的FontSize樣式為36px,TextAlign樣式為center
這樣我們的第二個(gè)頁(yè)面創(chuàng)建成功了
1 在Project窗口,打開(kāi)工程中的“entry src main js default pages first first.js”, 導(dǎo)入router模塊,頁(yè)面路由router根據(jù)頁(yè)面的uri來(lái)找到目標(biāo)頁(yè)面,從而實(shí)現(xiàn)跳轉(zhuǎn)。示例代碼如下:
2 打開(kāi)或者切換到first.visual頁(yè)面,選中畫(huà)布上的Button組件,點(diǎn)擊右側(cè)屬性樣式欄中的事件圖標(biāo)(Events),鼠標(biāo)點(diǎn)擊Click事件的輸入框,選擇launch事件
3 在預(yù)覽窗口中查看項(xiàng)目效果,點(diǎn)擊Next按鈕后發(fā)現(xiàn)我們的頁(yè)面成功跳轉(zhuǎn)了。
到此,本章的目標(biāo)就完成了。
鴻蒙系統(tǒng)好,功能強(qiáng)大。
華為鴻蒙系統(tǒng)不僅可以在智慧屏和手機(jī)上使用,同時(shí)也可以在電腦、平板電腦、智能穿戴設(shè)備、汽車(chē)等領(lǐng)域使用,也可以說(shuō)是一個(gè)物聯(lián)網(wǎng)系統(tǒng)。鴻蒙系統(tǒng)的特點(diǎn)也在華為EMUI10系統(tǒng)上得到了表現(xiàn),比如多屏協(xié)同功能。
雖然基于多方面考慮,沒(méi)有整體推出鴻蒙系統(tǒng),但是華為的一碰傳,多屏協(xié)同,平行視界,方舟編譯器,和各種“圖霸”都是構(gòu)成鴻蒙的一部分了。華為在安卓開(kāi)源社區(qū)貢獻(xiàn)非常大,僅次于谷歌的事實(shí)是很多華黑是不愿意承認(rèn)的。
鴻蒙系統(tǒng)的硬件情況:
HarmonyOS為智能硬件開(kāi)發(fā)者提供模組、開(kāi)發(fā)板和解決方案。同時(shí),HUAWEI DevEco將為HarmonyOS設(shè)備帶來(lái)一站式開(kāi)發(fā)環(huán)境,支持家電、安防、運(yùn)動(dòng)健康等品類(lèi)的組件定制、驅(qū)動(dòng)開(kāi)發(fā)和分布式能力集成。
在開(kāi)發(fā)過(guò)程中,不論設(shè)備是有屏還是無(wú)屏,HUAWEI DevEco都可提供一站式開(kāi)發(fā)、編譯、調(diào)試和燒錄,組件可以按需定制,減少資源占用,開(kāi)發(fā)環(huán)境內(nèi)置安全檢查能力,開(kāi)發(fā)者在開(kāi)發(fā)過(guò)程中也可以進(jìn)行可視化調(diào)試。