界面配色就靠它們,UI設計師必裝的手機配色參考APP

2021-01-11 UI巴巴

作為一名專業的UI設計師,在自己手機上肯定會安裝幾個跟配色相關的APP。在閒暇之餘可以快速找到合適項目的配色參考方案。或者是給出最正確的產品配色值。

今天就跟大家分享四款UI設計師手機上必裝的幾款配色參考APP。

分別為2款ios 和 2款安卓的配色參考APP。

1、RealHex — 拾色器還可以這麼用!(iOS)

RealHex 作為一個拾取顏色並記錄顏色參數值的應用,不僅僅是設計師,畫家,攝影師的專利,任何人都可以創造性地使用它,發掘你未曾發現的神奇用途!

大自然的世界具有天然的和諧配色:選取一處風景,對景物取色,形成的配色方案可以運用在平面設計,室內設計,網頁設計中~相比去配色網站尋找現成的配色方案,這種自然取色的方式更具有創造性哦~

非常好用,UI設計師、插畫師和攝影師必備的配色APP。

app store下載地址:https://itunes.apple.com/cn/app/realhex/id881474912?mt=8

2、FABRIKA – 自製裝飾藝術(iOS)

Fabrika 並不算是一個純粹的配色工具,同時FABRIKA也是一款專門設計製作壁紙的APP, 之所以將它推薦給設計師或插畫師。實在是因為它的色彩選擇和搭配功能實在太贊了!

你可以用 Fabrika 來 DIY 壁紙,你也可以用它來創作不重樣的裝飾藝術品。

你可以把它當做是一款風格特異的繪圖軟體,雙擊空白畫紙即可選擇圖案的色板,繼而再選取圖案的形狀,可以同時選擇多種哦,然後就可以開畫了

app store下載地址:https://itunes.apple.com/cn/app/fabrika-app/id408289884?mt=8

3、Palette — 一款設計愛好者會喜歡的取色 APP (Android)

Palette 的中文意思調色板。它能夠將一張圖片裡的突出顏色和顏色代碼提取出來,從而方便你學習其中的配色方案以及獲得配色靈感。有了這個 APP ,在街上隨處走著,看到哪家店面配色方案不錯呀,就可以隨手拍下來進行配色分析了~

官方稱Palette 讓UI界面顯示一致的利器

Palette 主要功能便是取到一張圖的色彩,然後返回一系列顏色,可供我們選擇設置我們的文本顏色,背景顏色,從而達到界面的一致性。

如下圖所示:

很適合插畫師和前端工程師快速提取顏色搭配代碼的一款安卓APP。

對於設計師、攝影師而言,可能你需要這樣的一個 APP ,它能夠將一張圖片裡的突出顏色和顏色代碼提取出來,從而方便你學習其中的配色方案以及獲得配色靈感。

安卓直接下載:http://zuimeia.com/api/service/redirect/?p=io.palette

4、Pixolor — 一鍵拾取屏幕色彩,設計師高效工作利器(Android)

Pixolor 是一款 Android 平臺下的屏幕取色應用,它能夠在屏幕上懸浮一個圓形放大鏡,其中包含顏色信息與像素坐標。

像素色彩 Pixolor 可以精確地查看手機圖片對應的像素的顏色,它有一個浮動在屏幕上的取色盤用來獲取色彩信息和像素信息,再也不用擔心手機圖片上傳到電腦會失真了。

很實用的一個安卓配色參考工具。

Pixolor安卓版本下載地址:http://www.androidpolice.com/2015/10/22/new-app-pixolor-is-the-live-eyedropper-tool-ive-always-wanted-for-android/

相關焦點

  • UI設計師必備的6個配色網站
    對於程式設計師來說,UI設計我們有必要懂嗎,答案是肯定的,不管你是後端開發也好,前端那就更不用說,一定要學會有審美的細胞,雖然UI不是我們後端的必須懂的,但我還是建議你知道它的一些常用的配色網站,有時候我們也得自己修改前端代碼,也需要知道顏色的值,今天我給大家分享6個常用的配色網站,對於想從事UI
  • 乾貨 | 字體配色總結
    那麼要給文字配色,首先我們要知道你的產品(界面)中有哪些文字。在這裡,我將產品中的文字主要分為以下四種:標題類、正文類、提示類和交互類。標題類首先來說標題類,標題,顧名思義要讓用戶在短時間內了解界面的大致內容,講究簡潔明了。
  • 配色能力不行,配色工具來湊!
    對於設計師而言,無論是直接選用, 還是尋找設計靈感,右側的配色方案都是非常實用的。訪問地址:https://colorsupplyyy.com/app/然後,下面跟著小編一起來了解幾款最佳色彩選擇工具(又稱取色器):6.
  • 遊戲UI界面設計全過程解析...
    界面中還包含了通知各個玩家是否都準備好了的功能。這些所有的交互都經過仔細的推敲和測試,設計師就開始繼續後面的 UI 設計工作。接下來,她需要讓精心設計的互動流程擁有漂亮而吸引人的視覺,具備足夠強烈的情感吸引力。UI 設計在開始探求 UI 解決方案的過程中,設計師首先是從配色著手。
  • 配色能力不行,配色工具來湊 ~太好用了吧
    當網頁/App設計時間緊迫,設計師需要快速搭建或選擇界面配色時, Flat UI Colors會是一款非常適用的工具。作為一款快速在線配色工具,Flat UI Colors為設計師們提供了13款根據世界各地設計師喜好打造的優質配色方案。設計師簡單粘貼複製,即可將需要的配色方案直接應用到他們設計項目之中, 方便易用。訪問地址:https://flatuicolors.com/3.
  • 10個最新手機美食APP界面設計欣賞
    移動軟體時代,簡單下載美食app,動動手指,滑動幾下手機屏幕,即可足不出戶,搜索,預定和購買各路美食。然而,對於作為手機app UI 界面設計師的你來說,最大的問題並不在於如何使用這些美食軟體來方便生活,而是在於如何才能為各類餐廳,酒店,咖啡館,水果以及飲料店設計出美觀,舒適且簡單易用的手機美食App,對吧?
  • 【經驗】UI設計師如何正確的「玩兒」APP
    ,在大屏幕手機單手持握的狀態下,是不是可以用更多「滑動」操作代替「點擊」。引導頁面設計風格也跟界面ui和icon相呼應的,加深用戶對品牌形象的認知。包括它們的運營設計,也是以主形象「same小人兒」為演變對象,雖然沒有固執統一成藍色線條,但不管運用到哪裡,一眼就能分辨出這是same的東西。
  • 分享 23 個超好用的配色參考工具,設計師、插畫師必備!
    設計師、插畫師想必是對於配色十分敏感的群體,對於初學者掌握好色彩搭配也並非易事。所以,小美今天就來分享 23 個私藏超好用的配色網站、APP 合集,幫大家拓展資源庫,從而更好地去運用色彩。▎Pixolor — 一鍵拾取屏幕色彩,設計師高效工作利器(Android)像素色彩 Pixolor 可以精確地查看手機圖片對應的像素的顏色,它有一個浮動在屏幕上的取色盤用來獲取色彩信息和像素信息
  • 一組配色超讚的UI KIT
    現在APP扁平化越來越火,今天我們收集了一組配色超讚的扁平化UI KIT ,個人使用無版權限制呦,同學們可以學習它們的配色技巧,無論是高手還是小白
  • UI設計師怎樣做,才能達到年薪30w?
    作為一枚界面設計師我真的很想為UI設計抱不平啊!!UI設計真是一個備受不解的職業常會被誤解,然後出現以下場景程序歐巴:界面畫好沒?按鈕圓的方的不都能用嗎?糾結那多幹嘛?產品經理:這次我們就10個頁面,半天能夠搞定吧,都有交互了。
  • 設計入門必懂:如何做出誘人的UI配色
    你是不是經常在界面設計中為用什麼顏色而糾結煩惱?辛辛苦苦設計好了,卻因色彩搭配不合理而被否定?為什麼別人家的設計那麼優秀?如果你在UI設計中有以上煩惱,小編可以鄭重的告訴你:那是因為你還不懂「色」,或者說你「色」的功底還不夠。
  • app界面設計的流行趨勢
    app界面設計的流行趨勢,界面作為我們認識app的第一道門檻,是app的「面子」,更是不可忽視的一項重點設計,為了建立有效的ui,設計師需要根據移動端app本身的特性和當下趨勢,作出不一樣的改變。但當今設計趨勢瞬息萬變,在沒有統一標準的設計規則之下,緊跟設計趨勢,才能保證ui對用戶的吸引力常在。
  • 網站不知道怎麼配色?看看這10個優質配色參考網站(一)
    配色用的好不好,直接影響到整體設計的視覺與情感表達。配色靈感枯竭的時候,不妨上這10個配色網站上看看:關於配色技巧,還可以參考文章:《適合平面基礎學習者的色彩搭配小知識》1、配色網www.peise.net/支持在線配色和顏色搭配等2、Flat UI Colorsflatuicolors.com/這個網站提供了多種主流 UI 配色方案,特別是扁平化配色
  • 「手把手教你設計」—12個最佳手機APP界面設計教程
    這篇文章集合了12個最佳手機用戶界面設計的教程,雖然教程偏向初學者,但我相信即使是很優秀的設計師仍然可以從中學到新的東西。如何使用Photoshop來設計手機UI界面1.但在許多方面,手機往往更加強大,手機更加的私人化,與我們的聯繫更緊密。鑑於移動手機和計算設備之間的許多差異,移動設計與桌面設計的設計大不相同。這篇文章詳細的向我們介紹了移動界面設計的基本原則,幫助設計師們開發行動應用程式的獨特力量。2.
  • 那些誘人的UI配色是怎麼配出來的?
    本文由Norman_HU原創翻譯,原作: Wojciech ZielińskiF原文地址:https://blog.prototypr.io/how-to-use-colors-in-ui-design
  • 設計師必備的10個配色網站!
    種類特別多,可以挑選到眼花哦。8.https://www.webdesignrankings.com/resources/lolcolors/一個很可愛的配色網站,收集的顏色以明亮活潑為主。當滑鼠移動到每個水滴上都會出現顏色的編號,可以方便提取可參考。
  • 小白學UI設計:如何做好UI配色?
    在UI界面設計中,配色是首先要面對的一個重要環節。顏色那麼多,我該選哪些顏色?該如何做出誘人的UI配色?本章將為大家分享UI界面設計中常用的配色原則和技巧。閱讀本文需要有一定的UI色彩基礎知識,還不是很懂的同學,建議先看看《如何做出誘人的UI配色(基礎篇)》一文。
  • UI設計中配色設計攻略
    不知道有沒有小夥伴跟我一樣在做頁面配色時會很痛苦呢,很多時候都是憑感覺去配色。最近研究了一下配色方法,今天我就針對UI設計中配色設計攻略進行簡單的說明,希望能幫助到一部分小夥伴。有個有趣的研究成果 —— 「七秒鐘定律」:人們在挑選商品和服務時 ,只需要 7 秒鐘就可以確定是否感興趣,而在這短暫的 7 秒鐘內,色彩的作用佔到了 67%。
  • 【必備】色彩搭配的一些配色網站和軟體分享
    今天,給大家整理了一些關於色彩搭配的一些配色網站和軟體供大家參考學習capture其實是一款應用合集,內含colors、shapes、brushes和looks四款單獨的app功能,四項功能有一個特點,就是通過手機攝像頭提取素材,從而進行相關靈感的採集。
  • 你想進階成為頂尖配色高手嗎?
    而且,對於那些常用Adobe工具來完成各類設計的設計師,Coolors還貼心的為他們提供了Adobe插件福利。快速安裝之後,簡單點擊即可創建和復用各類配色方案。此外,其iOS移動端版本,也極大的方便了iOS手機用戶。2.