<button id="awefu"><object id="awefu"><input id="awefu"></input></object></button>

  1. <tbody id="awefu"><noscript id="awefu"></noscript></tbody>
  2. <dd id="awefu"></dd>
    <progress id="awefu"></progress>

    <tbody id="awefu"><noscript id="awefu"></noscript></tbody>

    昆明UI培訓
    達內昆明五一路

    188-5191-7064

    讓專題頁面的視覺效果更佳的統一,整體~!

    • 時間:2016-05-05 11:12
    • 發布:昆明UI培訓
    • 來源:達內新聞

    用桌布菜單來打造餐飲專題的結合部分。

    桌布托起頭圖,本身也成為內容的背景。

    內容清晰,布局合理

    雖然是突出視覺樣式的專題設計,但讓用戶能夠關注專題內容還是基本。不能因注重頭圖的設計而有所怠慢,不一定要遵守柵格化的理論,但通常為了后續的制作方便我通常以5px的倍數進行間隔區分,個別情況可以例外,只要間距在視覺上保持規整即可。除了一些”PK性質”的專題模塊,要注意模塊欄目分布的權重,內容的主次要清晰,排布在邏輯上有關聯性。

    特色模塊,視覺突出

    一些重點突出的模塊要和其他欄目模塊做區別設計,做到突出而不突兀。

    標題欄和模塊的細節也應該注重視覺效果,較產品頁面而言可以做一些修飾,但不可喧賓奪主。

    為獲獎模塊設立單獨的樣式。

    標題欄的也可以根據主題設計細節

    專題二級頁和系列專題

    通常二級頁面的頭圖都是復用主頁,但也要適當的為每個頁面增加視覺元素予以一定的區別。要注意的是增加的樣式也不易過繁,因為頭圖的存在會顯得凌亂。

    為不同的二級頁面設計區別的視覺元素。

    如果需要打造系列專題,就要注意規劃設計復用元素,比如相同的logo標題,和為強調系列感的統一視覺風格。以此強化用戶的對系列專題的印象和認知。

    系列專題的元素logo復用以及風格統一。

    專題設計細節注意的若干點

    ? 頭圖要有延展性,要注意寬屏分辨率下的顯示特點。

    ? 專題交互細節,為按鈕翻頁等交互元素設計各種狀態,會有更好的體驗效果。

    ? 專題自身的視覺設計的延展和統一,包括專題附屬的彈層,對話框等的細節設計。

    ? 交付物的規范。專題圖層眾多,題設計完畢后交付前端的同事時,應該對圖層進行分組。文件體積大就要刪除或隱藏無用的圖層。

    ? 專題設計稿提交時,盡量可能采用不同的圖片,數目參差的正文,來替代設計稿中的模擬內容,這樣有時夠發現一些忽略的問題(如文字過多溢出,以此來進一步調整間距等),重要是可讓他看上去更像是一個即將上線的真實頁面,更好的展現你設計的最終面貌。有時會覺得多此一舉且低效,但這能讓我們顯得更專業。

    ? 良好的溝通:設計師可以提出更好的風格意見,視覺創意,然而滿足需求方的推廣需求才是前提,所以通過良好的溝通加深對專題需求的理解,可以更準確的把握專題需求,避免返工等問題出現。

    ? 字體的問題。受瀏覽器的限制的,目前微博專題的主要字號還是14和12號的宋體(設備字體)

    做正文基本可以保證清晰銳利,但如果用來做標題欄時候就不那么美觀了。這時應該和需求方、前

    段的同事溝通,在不頻繁更改文案的情況下盡量使用圖片來制作標題欄的文字效果,達到應有的視覺效果。

    ? 前端的規范與限制,如果需要復雜的圓角和半透明頁面效果,最為穩妥的方法是為設計兩套適應高低級瀏覽器的視覺解決方案,如果條件不允許,就要看前端同事對瀏覽器支持的策略,總之前端實現的問題,作為設計師應該主動溝通并推動其解決。

    好的專題設計,有創意,整體效果和諧,用戶印象深刻,內容傳達有效,視覺元素有延續和繼承。整個頁面銜接不生硬。這都需要設計師動腦去巧妙構思和發揮,有時工期緊迫,不能做到事無巨細,我也無法全部按照自己所寫這樣去設計專題。

    但這不妨礙我把它當做一個目標去不斷接近。“追求卓越,成功自然尾隨而至”——《3 idiots》

    上一篇:安慰用戶的關鍵
    下一篇:專題頁設計技巧

    馬上預約三天免費體驗課

    姓名:

    電話:

    達內推出五大高端課程,推動IT培訓進入培優時代

    15個交互設計師的特點

    在線輔導只是為了讓更多人享受好的教育機會

    是否拿出簡歷的那一刻注定無法就業?

    • 掃碼領取資料

      回復關鍵字:視頻資料

      免費領取 達內課程視頻學習資料

    • 視頻學習QQ群

      添加QQ群:1143617948

      免費領取達內課程視頻學習資料

    Copyright ? 2018 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

    選擇城市和中心
    江西省

    貴州省

    廣西省

    海南省

    2018最新天堂福视频 2019亚洲福利合集 老司机带带我精品视频 百度 好搜 搜狗
    <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>