<big id="n3dbt"><strong id="n3dbt"></strong></big>
      1. <small id="n3dbt"><delect id="n3dbt"></delect></small>

        <thead id="n3dbt"><ruby id="n3dbt"><rp id="n3dbt"></rp></ruby></thead>
        <th id="n3dbt"></th>
        <span id="n3dbt"></span><span id="n3dbt"></span><span id="n3dbt"></span><strike id="n3dbt"></strike>

        建站百科Website News

        當前位置:首頁 »必修課:聊聊UI DESIGN到底做什么?

        必修課:聊聊UI DESIGN到底做什么?

        至成科技 2015-04-13 訪問量(1911) 評論(0)
        摘要:
        ui-design-introduction-1

        至成科技(西安網站設計)按:新人初涉UI領域,除了掌握必要的技能點,想盡快上手,了解整個設計流程也很重要,今天至成科技(西安網站建設)聊聊自己接單的7個步驟,以供參考 >>>

        西安網站設計:UI到底做什么,要從UI接到的工作流程來說——產品/交互/設計。也就是說一般我們接到的是交互稿。

        這時候UI看到一個交互設計,需要考慮的是:

        1、西安網站設計的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足夠的設計關鍵信息)

        2、西安網站建設信息重點在哪里?

        3、西安網站建設用戶人群是哪一類?

        等等分析都是自己的事。另外,通常我們拿到的交互稿是這樣子的:

        UI20150408 (1)

        產出卻要求是這樣子的:

        UI20150408 (1)

        那么這中間的坑和鴻溝就是我們自己填。

        在解決完上面的問題后,我們開始著手UI設計:

        1、從產品需求入手,考慮我們到底要用什么主色調

        比如同樣是團購,糯米用的是桃紅色,而美團是翠綠色。那么我們在UI設計的時候首先就要考慮主色調的問題。

        2、配色和輔助色用什么顏色

        在考慮到產品氣質和品牌色的同事,我們經常要考慮配合襯托產品主色調的輔助色。在不同的產品中,輔助色運用的策略是不同的,比如我們經常說的:鄰近色、對比色等。都是我們選擇輔助色的方法。

        3、用什么風格來表達

        現在來說,說到風格一句話,扁平風。但是在扁平中也有區別。比如下圖,同樣是扁平。但是左圖微微帶有一些光影,而右圖是純扁平。你能說哪個好或者不好嗎?不能。

        UI20150408 (3)

        同樣的信息,在UI的表達上也有不同的表達方式。那么只能在具體你的UI設計中去考慮具體你需要用什么風格。這些都是UI的工作內容。

        4、圖標化成什么風格

        同樣是設置、發現、首頁,不同的app在基本結構一致的情況下也有很多細微的差別。倒是是要用圓角的icon、還是直角,是用面還是線形,這背后的設計語言邏輯是什么,設計目的是什么。都是需要UI設計來考慮。

        比如:同樣是騰訊的產品,手Q和微信的icon就有效不一樣。其原因是由于產品面面對的人群不同,手Q更偏年輕化。同樣,你去看陌陌、來往、易信的聊天icon也是不一樣的。這都是需要UI設計師一點點摳細節的去畫出來的。

        5、如何表達情感化設計

        在一些細節頁面我們常常要考慮情感化設計,以此來提升app的品質,降0用戶在異常情況下 的挫敗感。同時好的設計師還會考慮到如何引導用戶去解決,從而滿足產品訴求。不同的產品在做情感化設計的時候方式方法不同,風格也不一樣。這些也都是需要UI設計來處理的。

        UI20150408 (6) UI20150408 (5)

        6、動效如何做

        因為手機交互是動態的。所以我們如果可以用在一些跳轉頁面引用動效設計,無意是對整個app加分的好方法。

        UI20150408 (1)

        7、萬年的大頭疼圖標icon

        一萬個人有一萬個答案,那么具體怎么做,還是要考慮用戶、場景、需求等細節。產品可以提供方向,但是具體的落地還是需要UI設計師來完成。

        8、適配、切圖

        也算是萬年話題了。你不是做個好看的東西,要能用,開發要能開發。你要考慮iphone456,還要考慮不同的安卓720/1280/1920,甚至有些公司要特殊考慮某些屏幕。

        在某些小公司,UI要肩負和產品一起考慮交互的問題。這時候經常需要UI在自己儲備足夠的視覺設計能力的同時有良好的交互設計能力。

        以上內容由至成科技(西安網站設計,西安網站制作)為您提供,更多精彩內容:http://www.vxdmg.com/

        關注“至成科技”微信公眾號,快速獲取互聯網較新資訊

        網友評論

        登錄后可評論,請登錄

        全部評論:0條

        掃描左側二維碼
        關注至成微信公眾號

        西安至成信息科技有限公司  Copyright 2012-2019  xazcit.com  All rights reserved.

        Email:[email protected]     郵政編碼:710016     《中華人民共和國增值電信業務經營許可證》陜B1.B2-20140011     陜ICP備12008874號-1

        聯系地址:西安市經開區鳳城四路西安國際企業中心B座23層06-10室    售前咨詢熱線:029-89390727    售后服務電話:029-89393039

        西安網站建設、網站設計制作公司-至成科技,已為眾多企業提供網站建設網站制作響應式網站設計手機網站建設虛擬主機云主機服務器租用等建站解決方案。

        網絡警察 12321垃圾信息舉報 不良信息舉報 中國文明網 西安工商
        ×
        安徽25选5计划 福建快三遗漏号最大什么意思 七乐彩开奖时间是 惠若琪排球视频 体彩环岛赛开奖直播视频 河北快三走势图今天开始 一肖中特平香港 找规律15乘9等于135 快乐飞艇官网下载 江苏11选5即时开奖 北京快中彩基本走势 香港马会内部一波中特免费下载 南宁市体育彩票销售点 欢乐诈金花98 3d组六遗漏期数 彩票网址