亚洲熟妇无码av在线观看,成人爽a毛片在线视频,哦┅┅快┅┅用力啊┅警花少妇 ,精品久久久久精品一区二区三区

H5響應(yīng)式建站系統(tǒng)

自動適應(yīng)所有的瀏覽設(shè)備,手機、微信、平板、PC

微加分享:專業(yè)的網(wǎng)頁風(fēng)格指南應(yīng)該如何制作?

2017-03-2010043微加互聯(lián)
規(guī)范化設(shè)計下的H5網(wǎng)頁,通常都會有響應(yīng)式建站系統(tǒng)的網(wǎng)頁風(fēng)格指南。如果你想確保你的網(wǎng)頁設(shè)計能夠更加一致,并確保每個參與者和使用者都能在規(guī)范的框架內(nèi)設(shè)計、開發(fā)和使用,那么風(fēng)格指南的存著就相當(dāng)有意義了。

    規(guī)范化設(shè)計下的H5網(wǎng)頁,通常都會有響應(yīng)式建站系統(tǒng)的網(wǎng)頁風(fēng)格指南。如果你想確保你的網(wǎng)頁設(shè)計能夠更加一致,并確保每個參與者和使用者都能在規(guī)范的框架內(nèi)設(shè)計、開發(fā)和使用,那么風(fēng)格指南的存著就相當(dāng)有意義了。

    既然我們要設(shè)計風(fēng)格指南,那么它當(dāng)中應(yīng)當(dāng)包含哪些信息呢?又是如何確保別人能夠遵循它的標(biāo)準(zhǔn),讓設(shè)計和體驗保持一致呢?今天我們就來聊聊這個話題。

    品牌概述

    如果你從未做過風(fēng)格指南,那么從頭開始創(chuàng)建一整套風(fēng)格指南絕對是一件相當(dāng)吃力的事情。新手上路最好找一個自己偏好的風(fēng)格指南作為參考模板。絕大多數(shù)的風(fēng)格指南是由兩個部分組成的:

    ·文案規(guī)范

    ·視覺指南

    準(zhǔn)則的兩個部分其實是同樣重要的,并且貫穿整個風(fēng)格指南。將不同的元素整合到一起就能夠構(gòu)建出擁有足夠的識別度的品牌形象,每個品牌、網(wǎng)站其實都會有差別的。當(dāng)你準(zhǔn)備為你的文本和視覺挑選色調(diào)和風(fēng)格的時候,你和你的用戶也應(yīng)當(dāng)納入到整個體系當(dāng)中來考慮。

    在制作品牌識別的時候?qū)⒂脩艉屠嫦嚓P(guān)這納入思考,品牌當(dāng)前的設(shè)計是否是他們想要的,是否為他們所期待?是否將所有因素都納入思考?用戶是否有與之進行交互的欲望?

    語氣與語調(diào)

    雖然風(fēng)格指南中視覺占據(jù)著最大的比重,但是文案中的語氣與語調(diào)同樣是非常重要的。它們是品牌、網(wǎng)站的“身份”的一部分,它們決定了與用戶進行溝通的方式,是正式還是休閑,是冗長準(zhǔn)確,還是直白清晰?
 

    你的風(fēng)格指南在表述上應(yīng)當(dāng)和網(wǎng)站的文案以及風(fēng)格保持一致。這可以讓你的團隊對設(shè)計的預(yù)期更明晰,對于表述方式對于品牌形象的影響有更明確的認知。所以,你同外界耐以溝通的每一個文字都應(yīng)當(dāng)保持一致的語調(diào)和語氣。

 


    規(guī)則和用途

    風(fēng)格指南就是你所設(shè)計的“劇本”。相比于強調(diào)“規(guī)則”,“劇本”的說法是不是更加親切呢?

    風(fēng)格指南應(yīng)該詳勾勒出什么時候、什么地方分別應(yīng)該使用什么字體、什么色彩以及樣式,并且以簡潔移動的方式表述出來。下面是清單:

    ·配色方案,包括每種色彩的具體參數(shù),以及其他可接受的色調(diào)

    ·字體和排版方案,包括每個部分的字體類型、尺寸、字重以及具體用法

    ·LOGO,包括它的樣式、變體、尺寸以及位置的說明

    ·拼寫、關(guān)鍵詞的選擇、文案的風(fēng)格(包括按鈕、社交媒體等)

    ·圖片使用規(guī)范,包括色彩、裁剪規(guī)則和視覺表現(xiàn)方面的標(biāo)準(zhǔn)

    ·SEO信息,比如可選的標(biāo)簽和關(guān)鍵詞

    ·柵格標(biāo)準(zhǔn)(主要用作網(wǎng)頁排版和印刷)

    ·空間與留白方面的說明(設(shè)計的松緊度等)

    ·關(guān)鍵點的說明(團隊成員可能會提出的問題或者有待澄清的點)

    簡單而具體的概念

    接下來要進入關(guān)鍵的環(huán)節(jié)了。當(dāng)你終于把上面說的那些信息都搜集全了之后,需要將他們打散、重組,組織成簡單、具體、可執(zhí)行的概念。

    ·在內(nèi)容表述上不要限制太多,這畢竟是風(fēng)格指南,重點是視覺上的引導(dǎo),設(shè)計是核心;

    ·將相關(guān)、相聯(lián)的條目整合到一起做快速指引:一個頁面介紹色彩,在另外一個頁面做排版的規(guī)范等等;

    ·用圖片案例來展示界面應(yīng)有的外觀,而不要單純用枯燥的文字來做介紹;

    ·提供可用的具體說明。比如配色方案中提供色彩的RGB或者CMYK的具體值,確保色彩的運用能夠一致;

    ·將一部分的設(shè)計案例分解說明,確保每個元素的功能和使用規(guī)則都足夠明晰;

    示例和代碼片段

    你的樣式指南無論是印刷的、電子版的還是基于網(wǎng)頁的文檔,它都應(yīng)該包含可用的工具和素材。其中最關(guān)鍵的就是使用案例,以及哪些事情可以做,以及哪些事情是被禁止的。你可以將重點放在品牌的視覺展現(xiàn)上去。

    隨后,你可以將易于訪問的部分制作成為列表,并且根據(jù)使用頻率創(chuàng)造一個所有團隊成員都能訪問的素材庫,這個素材庫最好是先在本地存儲,便于訪問,并且其中的素材和文檔能夠隨著項目的推進而更新。

    之后,提供一系列基于云端的軟件列表(提供鏈接、登錄信息等),將素材提交到云端,并且包含相應(yīng)的字體包、Logo、圖片素材。這些文檔和素材應(yīng)當(dāng)被合理地組織整理,當(dāng)其他成員訪問的時候,能夠根據(jù)組織邏輯找到相應(yīng)的文檔、工具或者素材。(本地、云端還有備份都應(yīng)當(dāng)有條理地組織好)

    涉及到樣式和特定功能的開發(fā)的時候,應(yīng)當(dāng)創(chuàng)建代碼片段列表,確保前端人員能夠快速調(diào)用,尤其是那些最常見的部分,應(yīng)該在最容易訪問的共享位置,方便每個人訪問和調(diào)用。

    最后一點,就是一定要記得更新。當(dāng)文檔、素材確定要改變的時候,確保本地、云端的文檔與素材都完整的、即時地更新。

    風(fēng)格指南的實施

    最后的一個問題終于來了。那么到底要如何讓人們遵循風(fēng)格指南中的規(guī)則呢?如果你的風(fēng)格指南設(shè)計的足夠有條理,概念明晰,要求明確,條理清楚,那么這套風(fēng)格在規(guī)則上至少有了扎實的基礎(chǔ)。

    簡單直白的語言能讓讀者更容易理解、關(guān)注,像設(shè)計網(wǎng)站一樣慎重對待你的風(fēng)格指南才能讓它具備可用性和易用性,這樣一來,用戶會在不自覺中按照你的規(guī)則來推進。

    作為一個網(wǎng)站的風(fēng)格指南,它本身并不是靜態(tài)的。你應(yīng)當(dāng)留下足夠的空間來供團隊其他成員完善、添加內(nèi)容,確保它的靈活性。同樣了,風(fēng)格指南還應(yīng)當(dāng)有一個“管理員”,管理員用來批準(zhǔn)修改、掌控修改,統(tǒng)籌整個體系。

熱門新聞

微加:致力于打造深圳靠譜的企業(yè)上云體驗服務(wù)中心
為支持企業(yè)上云,加快企業(yè)數(shù)字化、智能化改造步伐,工信部在2018年7月份發(fā)布了《推動企業(yè)上云實施指南(2018-2020年)》,提出到2020年,全國新增上云企業(yè)100萬家。
微加研發(fā):房地產(chǎn)行業(yè)的VR虛擬現(xiàn)實應(yīng)用“家裝DIY”
VR又名為虛擬現(xiàn)實,其功能主要就是通過非現(xiàn)實的場景渲染而提供用戶進行自我設(shè)定來預(yù)覽心中的幻想。大家都喜歡自己動手做的成品,這也是為什么IKEA可以在很短的時間內(nèi)火紅,因為大家除了買典型的家具時,還同時進行簡單的搭建組裝,所以更有樂趣,更有擁有感。
深耕saas領(lǐng)域15年,微加助力中小企業(yè)打造自身品牌
十五年當(dāng)中,微加從剛剛?cè)胄姓叩男滦悖鸩匠蔀樵谛袠I(yè)內(nèi)頗有知名度的軟件服務(wù)供應(yīng)商。經(jīng)過十五年的客戶積累、行業(yè)經(jīng)驗積累、項目積累,微加已從當(dāng)初的一個名不見經(jīng)傳的小公司,成長為深圳地區(qū)saas領(lǐng)域知名供應(yīng)商和數(shù)字營銷解決方案提供者......
第十五屆中國國際中小企業(yè)博覽會,微加助力百萬企業(yè)上云服務(wù)
2018年10月12日,第十五屆中國國際中小企業(yè)博覽會.中小企業(yè)信息化應(yīng)用推廣活動暨信息化論壇在廣州順利舉行
微加提醒:網(wǎng)頁編輯應(yīng)避免出現(xiàn)敏感詞與極限詞
網(wǎng)站編輯,是指負責(zé)網(wǎng)站欄目相關(guān)內(nèi)容的采編與策劃,規(guī)劃并把控欄目內(nèi)容的發(fā)展方向,獨立或組織完成欄目內(nèi)容更新。

推薦新聞

Copyright © 2021 WapAdd.cn 深圳微加互聯(lián)科技有限公司 粵ICP備14021220號-1 建站加盟首選,微加建站! 粵公網(wǎng)安備 44030402001656號

圖片與文章來源于網(wǎng)絡(luò),版權(quán)歸原作者所有,如有侵權(quán),請與我聯(lián)系刪除。

微信分享
咨詢熱線
400-0755-992
關(guān)注微加
關(guān)注微加
提交需求
管理平臺
主站蜘蛛池模板: 惠州市| 根河市| 张北县| 湖州市| 鄂托克前旗| 山阴县| 田阳县| 弥勒县| 安多县| 长子县| 屏山县| 百色市| 临夏市| 汾阳市| 慈利县| 邵武市| 吴江市| 山阴县| 驻马店市| 浦东新区| 昔阳县| 英山县| 柳河县| 阿图什市| 息烽县| 上蔡县| 杨浦区| 东乌| 河源市| 蓬莱市| 房产| 通州区| 方城县| 扎鲁特旗| 新野县| 开远市| 芦溪县| 汉中市| 嘉善县| 常德市| 丰顺县|