㈠ 界面設計哪裡好,一個App的界面設計流程是怎麼產生的
App界面設計是UI設計師們普遍需要設計的內容,具體App界面設計流程是怎麼產生的?剛好我在CGWANG培訓學院了解咨詢過相關的設計流程,再結合一些企業內部設計師們的工作情況,最後為大家總結出了以下幾個方面,針對產品經理、交互設計師、視覺設計師提出的建議。
完整的流程,分層次設計,自下而上去完成:
1、策略層,定義產品使命、價值、目標人群
2、願景/功能層:定義核心場景、功能列表
3、結構層:做流程圖、信息架構,確定主導航、主菜單
4、框架層:梳理每一個主界面的內容、布局
5、表現層:視覺設計,涉及圖標、配色、切圖。
產品經理主要關注1~2,在去找設計師之前,請先問自己以下幾個問題,以保證需求明確:
1、產品給用戶帶來的價值是什麼?
2、競品有什麼?我們做這個有什麼優勢?
3、為什麼樣的用戶而做?
4、用戶會在什麼樣的場景下使用這個產品?
5、要完成這個產品,最大的瓶頸是什麼?是技術攻關?體驗出彩?還是運營資源?
交互設計師主要關注3~4,在交付方案之前請先不斷問自己以下幾個問題,以保證體驗質量:
1、該界面要求用戶完成的最重要的任務是什麼?
2、這是最簡單的解決方案嗎?
3、信息是否組織得當?
4、設計是否易用且一目瞭然?
5、標準是否一致?
6、能否減少用戶點擊次數?
視覺設計師主要關注5,在與產品經理PK之前請先不斷問自己以下幾個問題,以保證減少返工:
1、界面上需要突出的重點是什麼?是否進行了有效的突出?
2、界面上一共有幾個層級,是否用清晰的視覺語言予以展現?
3、同樣層級、同樣性質的元素是否用了一致的設計語言?
4、主色調、材質,是否符合整體品牌感?
5、細節有無丟失?按鈕點擊態、反饋、預設狀態、字數超出、載入中、未載入態、載入失敗態,是否都提供了?
另外,合作不易,三個角色分別需要注意的問題:
對於產品經理:
1、APP的設計,不要只看競爭對手確定自己的定位,不要「因為競品A和B沒有做到,所以我們要做比A和B更牛B的XX功能」,而是要以用戶為導向,思考自己為客戶提供的價值。在向其他人描述你的想法時,請用這樣的句式來描述和思考:XXX這一類型的人在XXX的時候、XXX的環境下,想要做XXX事情,遇到了XXX問題。而我們這個APP能夠通過XXXX方式巧妙的幫助他解決了這個問題。
2、不要直接拿線框圖給交互設計師看,直接描述你的需求即可,描述清楚。讓設計師知道你的目標是什麼,接下來讓交互去畫原型,讓更專業的人做專業的事。
3、不要太糾纏視覺,對於一些無關緊要的細節,該放手就放手,盡量減少提出主觀意見。
4、別太迷信用戶反饋,能提反饋的,大部分都是粉絲、深度用戶、高級用戶,他們代表不了全部用戶的心聲。
5、讓開發主管去評估工作量,如果對某一部分工作量的評估覺得時間太長,就把它拆分成子任務。
6、每周對一到兩次開發成果,別頻繁的去打擾人家。
7、bug不斷發現,不斷修復,發現/修復率小於1,才開始變得可控了,才能確定bug的具體規模並精準預測發布日期
8、少做少錯,新版本盡量別加太多錦上添花的功能,滿足最核心的就行了。
對於交互設計師:
1、不要一提商業化就頭疼,誰不想做一個乾乾凈凈沒廣告的APP ? 別老想著高大上,目標最重要。通過你的設計,讓用戶消無聲息的貢獻點擊,讓商業化變得人性化,這才是你的本事。
2、別太窩囊,別產品說怎麼改,就怎麼改,要跟他爭,把自己當成產品的owner,產品的數據、規劃,你全都要知道,這樣信息對等了,才有話語權,才能有機會站在用戶角度提供人性化的設計建議,否則只能是個畫線框圖的。
對於視覺設計師:
1、簡潔不等於好(在業界大談特談簡約至上的風氣下,一定有人對這句有疑問,不細解釋,請自行先翻一下諾曼的《如何管理復雜》這本書)。符合用戶的心智模型,讓人一目瞭然,才是好。
2、別做一大堆方案,ABC方案拋出去讓人選,這樣累不累?自己先判斷哪一個方案最好,把它做到自己滿意、可行、拿得出手,就行了,不要淪為美工。
3、給開發的視覺稿,先自己想一下,布局如何實現,不同屏幕尺寸如何適配。如果有動畫效果,別天馬行空的描述,能做出動畫示意最好,做不出來,也找一個靠譜的示意。別讓開發gg太上火。
最後,90%的問題本質上都是溝通問題!90%的爭論本質上都是名詞之爭!
總結
• 不管對於產品經理還是交互設計師或者是視覺設計師而言,在整個App界面設計流程中都需要做好准備,多思考解決問題的方案並付諸於行動,只有大家都互相通力合作了,整個App的UI界面才能初步有一個完整的雛形,UI設計的整個流程才能更加有效率。永遠記住以用戶的想法為核心,再進行進一步的設計,這是UI設計中最基本的理念。
o 來源:UI設計達人
㈡ 為什麼APP設計得越來越像
「最近有位設計師找我聊天,說他老闆給他出了個難題。他老闆最近偏好美式工業風的裝修風格,打算將辦公室裝修成美式工業風,體現粗糲的建築結構,打造Loft式的辦公體驗環境。可同時老闆說他希望他們的產品-一個購物APP應用也體現美式工業風,給用戶工廠的感覺(主打平價商品)。聽完這位老闆的訴求後,我竟一時語塞。雖然從設計角度我極想去解釋裝修風格和APP設計風格不可混為一談,可是這個問題卻又提供給我一種外部視角:為何沒有工業風的APP,為何沒有藝術裝飾風格的APP,為什麼主流的APP都長得如此類似?」
新交互方式都發生在這平面之上,因而整個手機的設計核心即轉向了屏幕,而非傳統功能手機的不同功能區設計。在諾基亞等手機玩轉手機的裝飾造型設計時,它是最為理性,以核心功能思考的現代主義設計的傑出作品。這同樣也表現在界面設計領域的發展上。尤其UCD以人為中心的設計概念在界面設計領域也逐漸深入人心。
而界面設計上沒有風格的多樣化,多樣化風格的涌現。和當前社會的生產生活都更傾向接受功能實用主義有關。有效,高效,有價值,高速發展,快速消費,消費主義,這是當下主流國家發展的主要動機。而手機作為目前人們最為頻繁使用的工具,其中最占據人的時間最久的工具,它的功用必然是被放在第一位置的。所以無論社交通訊平台,新聞資訊,購物平台,人們莫不希望通過這些平台更加高效地觸達內容。
以人為中心的設計理念以及功能主義思想都將人的需求置於設計的中心。而設計風格,更多與形式有關,需要人的感性力量,則自然在這樣的風潮下需要讓位於功能和理性。
回到我們提出的問題:為什麼如此多同類型的APP風格如此類似,缺乏個性(游戲及部分工具類型除外)?
首先我認為占據人們大多數時間的同類型APP,例如新聞,電商,溝通類應用內容高度同質化,而風格取決於內容,在平庸的內容下只能誕生風格平庸的APP設計。
其次,對於以商業目標為根本的APP應用設計開發,設計風格的投入產出比並不高(游戲依然除外),設計模式的流行以及交互方式的單一使得保守的設計投入產出更高。
最後在現今的消費領域,功能主義盛行,界面設計中理性居於主導地位,設計風格顯示不是理性思考的首要考量目標。
如果這個問題,我們暫且得到了部分滿意的回答。隨之而來會有更多的問題:APP界面設計未來是否可能迎來風格的綻放?在功能主義及理性至上的設計之後是否應該有更多對此的反思?以人為中心的設計,在近來以環境自然價值觀的綠色設計,甚至是服務設計是以全流程,而單純非人的價值為核心,這些設計思潮又會_虛擬設計領域帶來怎樣的影響?
㈢ 如何做APP界面設計
第一點:了解你的目標客戶群的心態
1、做微任務的目標客戶群(如隨時隨地看看新聞,聽聽歌,看看電影,聊聊八卦之類):
這類的解決方案是設計的app最好是小而准,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群:比如找地圖,看天氣,查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群,用來打發消磨時間的:無需求,漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西,幫助客戶來打發消磨時光。
第二點:APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具:移動APP原型設計神器 POP 、axure、Foreui等
第三點:APP視覺設計與設計要點
(1)大概設計板塊有APP啟動頁面設計,APP界面設計的尺寸規范,app圖標設計等
一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。
另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。
所以,設計師必須用減法設計,這個過程需要花時間思考、簡化元素。
你必須記住:(1)隱藏設計或者減法設計 (2)分區或分類 (3)幫用戶做決策 (4)提高交互創新設計 (5)讓人有爽快感和新奇感 (6)在設計中浸入情感,把握用戶的心理。(談談如何進行產品設計以及產品情感化設計)
一位大師這樣說過「真正的簡約設計是:作品必須不斷的被簡化,一改再改,直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片,扁平化都會是移動app設計的趨勢!認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢!
第四點:APP界面設計流程
(1). 設計APP界面時,學會從優秀APP界面設計作品中尋求靈感,以前的藝術大師,用少量的資源做了大量的設計。
(2). 放下工作,休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有
效。
(3). 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。
(4). 由於實物展示的相對比例至關重要,所以要及早在不同的目標設備上測試。
(5). 整個設計過程中不斷問自己「真的需要嗎?」 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,
但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割捨,但修改過程必須挑剔。
第五點:APP界面設計測試與預覽修正
設計完成之後,我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具:快速在移動終端上預覽APP界面設計效果圖的方法最後:好的APP界面設計作品必然是要經過不斷升級、重復迭代的。
㈣ APP圖標設計流程是什麼
1. 定義主題
定義主題是指把要設計的圖標所涉及的關鍵詞羅列出來,重點詞彙突出顯示,確定這些圖標是圍繞一個什麼樣的主題展開設計,對整體的設計有一個把控。
2. 尋找隱喻
隱喻是指真實世界與虛擬世界之間的映射關系,尋找隱喻是指通過關鍵詞進行頭腦風暴,在彼類事物的暗示之下感知、體驗、想像此類事物的心理行為。
3. 抽象圖形
抽象圖形要求設計師將生活中的原素材進行歸納,提取素材的顯著特點,明確設計的目的,這是創作圖標的基礎。
4. 繪制草圖
經過對實物的抽象化汲取後,便可以進行草圖的繪制。在這個過程中,設計師需要將實物轉化成視覺形象,即最初的草圖,當然草稿可能有很多方案,這時需要篩選出若干種滿意的方案繼續下面的流程。
5. 確定風格
在確定了圖標的基準圖形後,下一步就是確定標准色。我們可以根據圖標的類型選擇合適的顏色。當不知道使用什麼顏色的時候,藍色是最穩妥的選擇。目前圖標設計主流是扁平化風格。值得一提的是在UI設計中,大部分扁平化圖標以單色圖形為主,從技法上來說這樣降低了設計的難度。
6. 製作和調整
根據既定的風格,使用軟體製作圖標。在扁平化風格盛行的今天,單獨的圖形設計需要更多的設計考量,需要經過大量的推敲,設計調整。因此在圖標的製作中,會修正一些草圖中的不足,也可能增加一些新的設計靈感。
7. 場景測試
圖標的應用環境有很多種,手機的背景色也各不相同,有深色系的,也有淺色系的。我們要保證圖標在各個場景下都有良好的識別性,因此在圖標上線前,設計師需要在多種圖標的應用場景中進行測試。
關於APP圖標設計流程是什麼,環球青藤小編就和您分享到這里了。如果您對頁面排版、網站設計、圖像處理等有濃厚的興趣,希望這篇文章可以對您有所幫助。如果您還想了解更多關於平面設計的素材及技巧等內容。
㈤ 開發app軟體,設計了UI圖片,有軟體可以把圖片放進去模擬流程嗎
自己做一個PPT模擬一下就行了。
㈥ 如何做app界面設計
這類的解決方案是設計的app最好是小而准,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群:比如找地圖,看天氣,查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群,用來打發消磨時間的:無需求,漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西,幫助客戶來打發消磨時光。
第二點:APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具:移動APP原型設計神器 POP 、axure、Foreui等
第三點:APP視覺設計與設計要點
(1)大概設計板塊有APP啟動頁面設計,APP界面設計的尺寸規范,app圖標設計等
一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。
另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。
所以,設計師必須用減法設計,這個過程需要花時間思考、簡化元素。
你必須記住:(1)隱藏設計或者減法設計 (2)分區或分類 (3)幫用戶做決策 (4)提高交互創新設計 (5)讓人有爽快感和新奇感 (6)在設計中浸入情感,把握用戶的心理。(談談如何進行產品設計以及產品情感化設計)
一位大師這樣說過「真正的簡約設計是:作品必須不斷的被簡化,一改再改,直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片,扁平化都會是移動app設計的趨勢!認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢!
第四點:APP界面設計流程
(1). 設計APP界面時,學會從優秀APP界面設計作品中尋求靈感,以前的藝術大師,用少量的資源做了大量的設計。
(2). 放下工作,休息一下很有幫助。扁平和簡約設計的一切均關乎到細節的差異。因此小憩片刻後再回到工作,帶著全新的眼光工作,比長時間冥思苦想更有
(3). 並排比較各個版式同樣有幫助。哪怕花20分鍾前將一個線條下移各5個像素分別保存,對比兩個版式就能很快分清孰好孰壞。
(4). 由於實物展示的相對比例至關重要,所以要及早在不同的目標設備上測試。
(5). 整個設計過程中不斷問自己「真的需要嗎?」 。支撐項目時候,找一些討巧的辦法,例如,添加一些有趣的元素、樣式會這樣會很容易也會很吸引人,
但必須始終注意剔除不必要的元素,不斷精簡。甩掉你費盡心血的部分總是難以割捨,但修改過程必須挑剔。
第五點:APP界面設計測試與預覽修正
設計完成之後,我們可以把設計圖導入手機測試或者是校正。之前發布的在線測試工具:快速在移動終端上預覽APP界面設計效果圖的方法最後:好的APP界面設計作品必然是要經過不斷升級、重復迭代的。
㈦ 設計一個app要多少錢
設計一個app要多少錢
如今,不少企業都想擁有屬於自己企業或產品的手機APP,但其中最困擾企業主的問題就是:開發一款手機APP到底需要多少錢?
簡單點來說,要視手機APP的需求及質量而言,價位一般在幾千到十幾萬左右,更高端的價格更高。
今天,我們就來詳細分析一下這個問題,請繼續往下看吧。
一、APP開發款式分為固定款和定製款,兩者的價格均不相同
固定款:是指直接套用已有的、現成的APP固定模板,報價是固定的,所需要的功能也是固定的,缺點就是客戶拿不到源代碼,也不能根據企業需求進行定製,由於源代碼是封裝的,如果企業以後想進行功能升級或系統維護的話,也不能夠實現,只能重新開發一個新的軟體。
固定款的APP開發時間短,約2~3日的時間即可完成,費用大約在幾千到幾萬之間。
四、APP開發公司的所在地
需要注意的是,同樣實力的APP開發公司,在不同的城市也會導致APP的成本費用高一些,如在北京、深圳和上海等地的開發公司開發成本費用就會比較高,因為當地開發人員的薪資和其他支出相對更高。
㈧ 設計一套APP界面,所有的圖標都要自己做嗎
第一點:了解你的目標客戶群的心態
1、做微任務的目標客戶群(如隨時隨地看看新聞,聽聽歌,看看電影,聊聊八卦之類):
這類的解決方案是設計的app最好是小而准,不要大而全。越全的功能應用,只能代表著這個應用在各方面的都很平庸
2、喜歡當工具來使用的目標客戶群:比如找地圖,看天氣,查數據等。
這類的解決方案是 我們盡最大努力的去滿足用戶的情景需求。做到極致和簡單。
3、無聊的客戶群,用來打發消磨時間的:無需求,漫無目的的
這類的解決方案是盡可能展示用戶感興趣的東西,幫助客戶來打發消磨時光。
第二點:APP原型圖的製作和設計討論
這個環節是必不可少的。需要根據設計需求認認真真的來畫畫原型圖。
常用的APP原型圖工具:移動APP原型設計神器 POP 、axure、Foreui等
第三點:APP視覺設計與設計要點
(1)大概設計板塊有APP啟動頁面設計,APP界面設計的尺寸規范,app圖標設計等
一般來說,手機屏幕是從上往下布局的,重要的信息會放在上方。但是在操作上,大部分人都是單手拿手機,常用的操作,要放在界面的下方。
另外還有一個原則,最小的觸摸單位,一般是44個像素。如果再小,你的拇指難以觸碰,或者容易引發誤操作。同時,也不要讓界面太擁擠。
所以,設計師必須用減法設計,這個過程需要花時間思考、簡化元素。
你必須記住:(1)隱藏設計或者減法設計 (2)分區或分類 (3)幫用戶做決策 (4)提高交互創新設計 (5)讓人有爽快感和新奇感 (6)在設計中浸入情感,把握用戶的心理。(談談如何進行產品設計以及產品情感化設計)
一位大師這樣說過「真正的簡約設計是:作品必須不斷的被簡化,一改再改,直到設計最終成形。」
2014年 APP設計風格趨向扁平化和卡片化。卡片,扁平化都會是移動app設計的趨勢!認為卡片設計確實同時兼具了「擬物」和「極簡」2種優勢!
㈨ ui設計師做app怎麼做出來的
學設計不如學【視頻剪輯】。理由很簡單,容易學(不像其它行業學習成本高,難度大),適合短期3-4個月短期學習,而且行業缺口非常大,無論是找工作還是自己在家裡接私單,月收入輕松過萬,兩三萬也是稀鬆平常。【點擊進入】免費「短視頻剪輯後期」學習網址:
www.huixueba.net/web/AppWebClient/AllCourseAndResourcePage?type=1&tagid=313&zdhhr-11y17r-364207788582920092
因為現在【短視頻】的崛起,任何企業,任何工作室或者個人都需要製作剪輯大量的短視頻來包裝品牌,發抖音,發朋友圈,發淘寶等自媒體渠道做展示。因為每天都要更新並發布新內容,所以剪輯師根本招不夠,,供需失衡就造成了剪輯師高薪水。
而且剪輯這個技術並不需要高超的電腦技術,也不需要美術音樂造詣,基本都是固定套路,要什麼風格的片要什麼節奏,經過三四個月的培訓都可以輕松掌握。但凡有點電腦基礎會用滑鼠拖拽,會點擊圖標,會保存除非自己不想學,沒有學不會的。但是要學好學精,就一定要找專業負責的培訓機構了,推薦這個領域的老大——【王氏教育】
在「短視頻剪輯/短視頻運營/視頻特效」處理這塊,【王氏教育】是國內的老大,每個城市都是總部直營校區。跟很多其它同類型大機構不一樣的是:王氏教育每個校區都是實體面授,老師是手把手教,而且有專門的班主任從早盯到晚,爆肝式的學習模式,提升會很快,特別適合0基礎的學生。王氏教育全國直營校區面授課程試聽【復制後面鏈接在瀏覽器也可打開】: www.huixueba.com.cn/school/yingshi?type=2&zdhhr-11y17r-364207788582920092
大家可以先把【繪學霸】APP下載到自己手機,方便碎片時間學習——繪學霸APP下載: www.huixueba.com.cn/Scripts/download.html
㈩ 圖片設計app軟體
ios直接在appStore上面下載或者在iTunes上面就可以了,安卓的可以直接在網路上面搜索或者在應用商店搜索圖片設計就可以下載了