• Home
  • Tutorial
  • Blog
  • Feature talk
Keeate
  • Home
  • Tutorial
  • Blog
  • Feature talk
Home  /  Tutorial  /  การเปลี่ยนไอคอนเมนูบนแอปพลิเคชัน
Mobile App - การเปลี่ยน icon
02 November 2018

การเปลี่ยนไอคอนเมนูบนแอปพลิเคชัน

Written by Keeate
Tutorial icon menu, menu, mobile app, tutorial Leave a Comment

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

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

1. ไอคอนมาตรฐาน
เป็นไอคอนมาตรฐานของระบบที่เตรียมพร้อมสำหรับใช้งาน โดยมีให้เลือกมากกว่า 80 แบบ และสามารถเปลี่ยนสีไอคอนได้ 12 สีเลยทีเดียว

2. ไอคอนแบบกำหนดเอง
เป็นฟีเจอร์ใหม่ที่ได้เริ่มนำมาใช้ใน Keeate Version 4.0 โดยระบบเปิดให้สมาชิกสามารถอัพโหลดไอคอนตามความต้องการ โดยขนาดไอคอนที่เลือกใช้จะต้องมีขนาด 120px * 120px

ขั้นตอนการปรับแต่งไอคอน
1. หลังจากเข้าสู่ระบบเรียบร้อยแล้ว ให้สังเกตบนมุมขวาด้านบนจะพบเมนู “Switch to Design mode” ในโหมดการใช้งานภาษาอังกฤษ หรือ “เปลี่ยนไปยัง Design Mode” ในโหมดการใช้งานภาษาไทย
2. ระบบจะพาสู่หน้า Design Mode หลังจากนั้นให้เลือกฟีเจอร์ที่ต้องการเปลี่ยนไอคอน โดยกดปุ่มตามสัญลักษณ์วงกลมสีเขียวตามภาพ

3. หลังจากคลิกเมนูดังกล่าวจะพบกับหน้าจอดังภาพได้ล่าง โดยหากต้องการเลือกใช้ไอคอนในรูปแบบมาตรฐานให้เลือกที่ “Form Gallery” (กรอบสีเขียว) แล้วทำการเลือกไอคอนที่ต้องการใช้งาน หรือหากต้องการใช้งานไอคอนที่กำหนดเองให้เลือกที่ “Upload” (กรอบสีฟ้า) ระบบจะพาเข้าสู่หน้าจอสำหรับอัพโหลดรูปภาพ ซึ่งระบบได้ร้องขอไฟล์รูปภาพขนาด 120px * 120px เมื่อทำการอัพโหลดไฟล์เข้าสู่ระบบเรียบร้อยแล้วถือว่าเสร็จสิ้นกระบวนการจัดการไอคอน เพียงแค่นี้แอพพลิเคชันของสมาชิกก็สามารถสร้างความแตกต่างและดึงความสนใจแก่ผู้ใช้งานได้แล้ว

Keeate

Mobile App - Push notification
 Previous Article สอนใช้งานฟีเจอร์ Push notification message
Mobile App - Radio online
Next Article   Radio online feature (ฟีเจอร์วิทยุออนไลน์)

Related Posts

  • how to register android developer account

    ขั้นตอนการสมัคร Developer Account ของ Android (Google Play)

    November 2, 2018
  • Mobile App - Push notification

    สอนใช้งานฟีเจอร์ Push notification message

    November 2, 2018
  • Mobile App - จัดการข้อมูลบน Play store

    จัดการข้อมูลเผยแพร่บน Play Store

    November 2, 2018

Leave a Reply

Cancel reply

You must be logged in to post a comment.

Recent Posts

  • สร้างตัวตนบนโลกของการกระจายเสียง ด้วยการสร้างแอปวิทยุออนไลน์ By Keeate
  • ช็อปง่าย ขายคล่อง ด้วยโมบายแอป
  • ทำไม ? แอปขายของจึงจำเป็นต่อการทำธุรกิจในปัจจุบัน
  • ทำยังไงดี ? อยากมีแอปไว้ขายของ แต่ยังใช้งานไม่เป็น
  • จัดทำแอปทำไมถึงต้องมี Developer Account

Categories

  • Blog
  • Content
  • FAQ (คำถามที่พบบ่อย)
  • Feature talk
  • Shopping
  • Tutorial
  • ประเภทธุรกิจ

Tags

Android android app Android developer account android radio online App chat apple app Apple developer account App Maker app store Chat Dev Account Developer Account FAQ feature function Gallery google play icon menu information information feature iOS developer account ios radio online location based login page M-commerce menu mobile app news & promotion poster product & service publish app push notification radio radio online store tutorial ขายของผ่านแอป ขายของออนไลน์ ข้อมูล คำถามที่พบบ่อย บทความ ฟีเจอร์ วิทยุออนไลน์ สร้างแอป โมบายแอพสำหรับวิทยุออนไลน์
© Copyright 2020. Mobic company limited.