22 ตัวอย่างของ Modern UI Mobile Charts

เผยแพร่แล้ว: 2015-12-08

คุณต้องการออกแบบแอพมือถือด้วยอินเทอร์เฟซทางเทคนิคเพิ่มเติมหรือไม่? คุณจะต้องเพิ่มแผนภูมิ ไดอะแกรม และอื่นๆ หรือไม่ ถ้าใช่ ตัวอย่างที่ยอดเยี่ยมเหล่านี้ของ แผนภูมิ UI สมัยใหม่ จะสร้างแรงบันดาลใจให้คุณอย่างแน่นอน!

สารบัญ ซ่อน
มุมมองมือถือและเว็บแดชบอร์ด
การสำรวจข้อมูล iOS โดย Samuel Thibault for Handsome
กราฟ
การวิเคราะห์แบบนุ่มนวล
แคสต์หน้าจอ
สถิติ
RTP Live Infographics โดย Rafael Matos da Silva
แอพ VPS iPhone (เวอร์ชั่นแบน)
ติดตามการออกกำลังกาย (iOS 7)
OnPoint – แอพสำหรับ iPhone และ Android
การแสดงข้อมูลโดย Virgil Pana
iBillionaire – ข้อเสนอที่ถูกทิ้ง
การวิเคราะห์ไซต์ Burt
UI สถิติ
แอพบัญชี 2 หน้าจอ
Bikester #2 wip โดย Michael Sambora
App Remix: แพ้มัน!
แอพสีเขียวจิ๋ว
สบาย – มือถือ
สถิติสไตล์ iOS 7 [ดอกไม้ไฟ png ฟรี]
เงา
UI การตรวจสอบพลังงาน

เราเลือกการออกแบบแผนภูมิ UI บนมือถือที่ทันสมัยจำนวน 22 แบบ โดยแต่ละแบบมีรายละเอียดและวิธีการที่แตกต่างกันสำหรับการออกแบบ แต่ทั้งหมดนั้นใช้งานง่ายและสวยงาม

สร้างแผนภูมิและ แดชบอร์ด ที่สวยงามในการออกแบบแอพมือถือของคุณได้อย่างง่ายดาย! รับแรงบันดาลใจทั้งหมดที่คุณต้องการจากที่นี่! สนุก!

มุมมองมือถือและเว็บแดชบอร์ด

แดชบอร์ดเว็บบนมือถือ เข็มหมุด

สำรวจแนวคิดแดชบอร์ดมือถือและเว็บนี้หากคุณต้องการแรงบันดาลใจในการออกแบบแอพ มีเมนูที่น่าสนใจ องค์ประกอบอินเทอร์เฟซผู้ใช้ที่ยอดเยี่ยม และจานสีเข้มที่ทันสมัย

การสำรวจข้อมูล iOS for Handsome

แผนภูมิ iOS UI มือถือ เข็มหมุด

การสำรวจข้อมูล iOS นี้ดูดีมาก สีพื้นหลังสีน้ำเงินเข้มทำให้องค์ประกอบกราฟิกทั้งหมดโดดเด่น การออกแบบที่เรียบง่ายและสะดุดตา

กราฟ

กราฟกราฟ UI มือถือที่ทันสมัย เข็มหมุด

แนวคิดการออกแบบกราฟบนมือถือนี้มีการออกแบบ UI ที่มืดและเลย์เอาต์โดยรวมที่สะอาดตา มันง่ายมากที่จะอ่านและนำทางผ่าน

การวิเคราะห์แบบนุ่มนวล

แผนภูมิมือถือ UI ที่ทันสมัยของ Soft Analytics เข็มหมุด

นี่คือการทดลอง UI ที่ใช้การออกแบบเรียบๆ ในทางที่สร้างสรรค์ อินเทอร์เฟซผู้ใช้ดูดีและเป็นมิตร และใช้สีส้มนีออนสว่างเป็นจุดเด่น

แคสต์หน้าจอ

แคสต์หน้าจอ UI Mobile Charts เข็มหมุด

มาเจาะลึกเข้าไปในแอป Cast และดูรายละเอียดทั้งหมดที่เรานำเสนอ เลย์เอาต์การออกแบบนั้นยอดเยี่ยมและใช้จานสีสีน้ำเงินเข้ม

สถิติ

สถิติ UI แผนภูมิมือถือ เข็มหมุด

ตรวจสอบแนวคิดแอปสถิตินี้ มีกราฟที่สวยงามและเรียบง่าย ตามด้วยแผนภูมิ ตาราง และองค์ประกอบข่าว UI ได้รับการออกแบบมาอย่างชาญฉลาดเพื่อประสบการณ์การใช้งานที่สมบูรณ์แบบ

RTP Live Infographics โดย Rafael Matos da Silva

แผนภูมิ RTP Infographics UI บนมือถือ เข็มหมุด

อินโฟกราฟิกนี้สามารถเป็นแรงบันดาลใจที่ดีได้ มีการออกแบบที่เป็นเอกลักษณ์และสร้างสรรค์ วิธีการนำเสนอนั้นมีประสิทธิภาพและอ่านง่าย

แอพ VPS iPhone (เวอร์ชั่นแบน)

VPS iPhone app UI ชาร์ตมือถือ เข็มหมุด

แอพ iPhone นี้เป็นอีกตัวอย่างที่ยอดเยี่ยมของวิธีที่คุณสามารถรวมการออกแบบแฟลตเข้ากับโครงการของคุณ ตัวอย่างนี้ใช้พื้นหลังสีเทาอ่อนแบบเรียบง่ายและมีรายละเอียดสีเพียงเล็กน้อยเท่านั้น

ติดตามการออกกำลังกาย (iOS 7)

แผนภูมิฟิตเนส UI บนมือถือ เข็มหมุด

การแอบดูนี้นำเสนอการโต้ตอบการติดตามการออกกำลังกายบางอย่าง ตัวอย่างนี้ยังใช้การออกแบบเรียบๆ และรวมเข้ากับสีฟ้าสดใส

OnPoint – แอพสำหรับ iPhone และ Android

ชาร์ตมือถือ OnPoint UI เข็มหมุด

OnPoint เป็นแอปสำหรับ iPhone และ Android ที่มีการออกแบบอินเทอร์เฟซที่ดีและราบรื่นมาก ทุกอย่างดูจัดได้ดีมากบนพื้นหลังสีเทาอ่อนนั้น

การแสดงข้อมูลโดย Virgil Pana

แผนภูมิ UI ของการแสดงข้อมูลบนมือถือ เข็มหมุด

โครงการออกแบบการแสดงข้อมูลเป็นภาพเป็นการทดลองสีแขนของ Virgil Pana นี่เป็นแอพติดตามเวลาเล็ก ๆ ที่ดูดี จานสีม่วงเป็นรายละเอียดที่ดี

iBillionaire – ข้อเสนอที่ถูกทิ้ง

แผนภูมิ iBillionaire UI บนมือถือ เข็มหมุด

หน่วยงานออกแบบนี้ต้องผ่านการทดสอบกับหน่วยงานอื่น พวกเขาชนะโครงการซึ่งจำเป็นต้องมีแนวคิดการออกแบบใหม่สำหรับหน้าจอสองสามจอ หลังจากทำงานสองสามวัน การออกแบบส่วนต่อประสานที่ดีและสะอาดตานี้ก็เริ่มมีรูปร่างขึ้น ในลิงก์นี้ เราจะเห็นตัวอย่างคร่าวๆ จากแอป

การวิเคราะห์ไซต์ Burt

แผนภูมิ UI มือถือของไซต์ เข็มหมุด

นี่เป็นครั้งที่สามของ Site Analytics และแอปเริ่มดูดีมาก แอพนี้ใช้ดีไซน์เรียบ ๆ ซึ่งค่อนข้างทันสมัยในปัจจุบัน รายละเอียดสีน้ำเงินในแผนภูมิเป็นสัมผัสที่ดี

UI สถิติ

สถิติ UI UI มือถือชาร์ต เข็มหมุด

นี่คือการออกแบบส่วนต่อประสานผู้ใช้แอปสถิติ แม้ว่าแอปนี้จะใช้เลย์เอาต์การออกแบบที่มืด แต่แผนภูมิและไอคอนก็มีสีสันและทำให้ UI ดูเป็นมิตร

แอพบัญชี 2 หน้าจอ

บัญชี UI แผนภูมิมือถือ เข็มหมุด

สองหน้าจอนี้มีไว้สำหรับแอปบัญชี แอปนี้ใช้เลย์เอาต์กริดแบบแยกส่วนพร้อมรายละเอียดและพื้นหลังสีเขียวเล็กน้อย ตัวพิมพ์ใหญ่ทั้งหมดผสมผสานอย่างลงตัวและแผนภูมิก็ดูดี

Bikester #2 wip โดย Michael Sambora

Bikester UI มือถือชาร์ต เข็มหมุด

แอพ Bikester บอกสถิติความเร็วของการเดินทางครั้งล่าสุดของคุณกับจักรยานของคุณ แอปนี้ใช้สีแดงและสีเขียวสำหรับแผนภูมิและกราฟ และยังใช้รูปแบบตัวอักษรและไอคอนที่สวยงามอีกด้วย

App Remix: แพ้มัน!

App UI Mobile Charts เข็มหมุด

แอพนี้คำนวณจำนวนแคลอรี่ที่คุณเพิ่งกินไป การออกแบบอินเทอร์เฟซดูทันสมัยและใช้งานได้จริง และใช้พื้นผิวที่สมจริงอย่างเชี่ยวชาญ การออกแบบ skeuomorphic นี้เป็นสิ่งที่ต้องจดจำอย่างแน่นอน

แอพสีเขียวจิ๋ว

Tiny UI Mobile Charts เข็มหมุด

แอพสีเขียวเล็กๆ นี้ออกแบบมาสำหรับบริษัทการเงินของรัสเซีย การออกแบบอินเทอร์เฟซดูเป็นมิตรจริงๆ โทนสีฟ้าอ่อนและสีเขียวเป็นรายละเอียดที่ยอดเยี่ยม และดูสวยงามบนพื้นหลังสีเทาอ่อนนั้น

สบาย – มือถือ

Snug UI มือถือชาร์ต เข็มหมุด

นี่คือตัวอย่างคร่าวๆ ของโปรเจ็กต์ปัจจุบันของนักออกแบบรายนี้ ในตัวอย่างนี้ คุณจะเห็นการออกแบบหน้าจอสองสามแบบ นักออกแบบทำสิ่งต่าง ๆ ให้เรียบง่าย โดยใช้พื้นหลังสีขาวที่เขาวางเนื้อหาไว้

สถิติสไตล์ iOS 7 [ดอกไม้ไฟ png ฟรี]

สถิติ UI Mobile Charts เข็มหมุด

แอปสถิตินี้ค่อนข้างดีและเป็นตัวอย่างที่น่าติดตามในโครงการในอนาคต จานสีมีความสดใสและใช้สำหรับพื้นหลังและแผนภูมิเท่านั้น แอพนี้มีแผนที่โลกในส่วนหัวตามด้วยสถิติ

เงา

ชาร์ตมือถือ SHADOW UI เข็มหมุด

การออกแบบอินเทอร์เฟซของ Shadow ใช้การออกแบบเรียบๆ ในทางที่สร้างสรรค์ วิธีนำเสนอแอพนี้ก็ดีเช่นกัน พื้นหลังมีสีเข้มและทำให้รายละเอียดที่มีสีสันโดดเด่น

UI การตรวจสอบพลังงาน

แผนภูมิพลังงาน UI มือถือ เข็มหมุด

สุดท้ายแต่ไม่ท้ายสุด แอพนี้ตรวจสอบพลังงาน การออกแบบอินเทอร์เฟซดูดี มีการออกแบบที่เรียบร้อยและสะอาดซึ่งจะสร้างแรงบันดาลใจให้คุณในโครงการในอนาคตอย่างแน่นอน