บ้าน การเงินส่วนบุคคล ข้อมูลการแสดงภาพ: การออกแบบสำหรับอุปกรณ์เคลื่อนที่ - หุ่น

ข้อมูลการแสดงภาพ: การออกแบบสำหรับอุปกรณ์เคลื่อนที่ - หุ่น

สารบัญ:

วีดีโอ: สอน Excel เบื้องต้น: การจัดรูปแบบการแสดงข้อมูลตามเงื่อนไข (conditional formatting) 2025

วีดีโอ: สอน Excel เบื้องต้น: การจัดรูปแบบการแสดงข้อมูลตามเงื่อนไข (conditional formatting) 2025
Anonim

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

  • การออกแบบส่วนติดต่ออุปกรณ์เคลื่อนที่

  • การสร้างแอปสำหรับอุปกรณ์เคลื่อนที่

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

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

การออกแบบที่ตอบสนองต่อการตอบสนอง

ในการจัดการกับปัญหาเกี่ยวกับขนาดหน้าจอและระบบปฏิบัติการที่หลากหลายนักออกแบบใช้หลักการของการออกแบบที่ตอบสนองต่อ (RD) RD หมายถึงอินเทอร์เฟซหรือเค้าโครงที่สามารถกำหนดค่าใหม่ได้โดยอิงตามตำแหน่งที่กำลังดูอยู่ คำที่ได้รับการประกาศเกียรติคุณจากอีธานมาร์ติตติในบทความปี 2553 ซึ่งเป็นที่ยอมรับถึงความจำเป็นในการออกแบบเพื่อแก้ไขปัญหาความต้องการหน้าจอหลาย ๆ

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

ในบทความ Marcotte อ้างถึงสามประเด็นที่ RD สามารถมีผลมากที่สุดในการออกแบบเว็บ:

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

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

  • ข้อความค้นหาสื่อ: เมื่อคุณป้อนข้อความค้นหาในเครื่องมือค้นหาเช่น Google หรือ Bing คุณต้องการดูผลลัพธ์บนหน้าจอใดก็ได้ นี่เป็นหลักการสำคัญของ RD ต้องดูเนื้อหาบนอุปกรณ์เคลื่อนที่ใด ๆ ที่ผู้ใช้อาจมี สิ่งที่ทำให้การดูสิ่งนี้บนอุปกรณ์ต่างๆมีความท้าทายคือนักออกแบบไม่มีทางรู้ได้ว่าผลลัพธ์ที่ได้จะเป็นอย่างไร

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

ตามมาตรฐานการออกแบบแอ็พ

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

คุณอาจสงสัยว่าทำไมคุณถึงสนใจเกี่ยวกับการออกแบบแอป ทุกคนที่ต้องมองเห็นสิ่งที่ออนไลน์อยู่ภายใต้มาตรฐานเดียวกันกับนักออกแบบแอป

ในบทความ "กฎง่ายๆ 6 ข้อของ Apple สำหรับการออกแบบ Killer iOS App" Pete Pachal อธิบายถึงสิ่งที่เขาต้องทำเพื่อให้ได้แอปข่าว Spun ที่ได้รับการรับรองสำหรับ App Store ของ Apple (ในการเขียนนี้แอปไม่พร้อมใช้งานใน U. S. App Store) ทีมของ Pachal ต้องทำงานร่วมกับ Apple เป็นระยะเวลาห้าเดือนเพื่อให้ทุกอย่างสมบูรณ์แบบ ในช่วงเวลานั้น Pachal ได้จัดทำกฎหกข้อสำหรับทีมงานของเขาซึ่งมี 4 ข้อที่ใช้กับการออกแบบข้อมูล ได้แก่

  • ความเรียบง่ายคือความแข็งแรง กฎนี้น่าจะเป็นกฎที่สำคัญที่สุดสำหรับการสร้างภาพข้อมูล เป้าหมายคือการอธิบายหรือค้นพบข้อมูลใหม่ที่สามารถนำมาใช้เพื่อพัฒนาข้อมูลเชิงลึก หากคุณมุ่งเน้นจุดข้อมูลมากเกินไปเรื่องราวจะหายไป หากคุณสร้างหน้าแดชบอร์ดกฎนี้มีความสำคัญเป็นพิเศษเนื่องจากข้อมูลแต่ละชิ้นต้องรองรับทั้งชุด

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

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

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

ข้อมูลการแสดงภาพ: การออกแบบสำหรับอุปกรณ์เคลื่อนที่ - หุ่น

ตัวเลือกของบรรณาธิการ

รูปสัตว์ใกล้เคียงและแมลง - หุ่น

รูปสัตว์ใกล้เคียงและแมลง - หุ่น

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

Close-up การถ่ายภาพธรรมชาติที่ Dawn - Dummies

Close-up การถ่ายภาพธรรมชาติที่ Dawn - Dummies

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

เมฆมากความสว่างและสมดุลสีขาว - มัด

เมฆมากความสว่างและสมดุลสีขาว - มัด

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

ตัวเลือกของบรรณาธิการ

การใช้ Dubsmash - Dummies

การใช้ Dubsmash - Dummies

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

วิธีการใช้เจลสีและตัวกรองในการสร้างภาพยนตร์ดิจิทัล - มัมมี่

วิธีการใช้เจลสีและตัวกรองในการสร้างภาพยนตร์ดิจิทัล - มัมมี่

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

วิธีการใช้หลอดไส้ในภาพยนตร์ดิจิตอลของคุณ - มัมมี่

วิธีการใช้หลอดไส้ในภาพยนตร์ดิจิตอลของคุณ - มัมมี่

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

ตัวเลือกของบรรณาธิการ

ปรับ Brightness และ Contrast ด้วย Smart Brush Tool ใน Photoshop Elements - Dummies

ปรับ Brightness และ Contrast ด้วย Smart Brush Tool ใน Photoshop Elements - Dummies

Smart เครื่องมือแปรงใน Photoshop Elements ช่วยให้คุณสามารถเลือกใช้การปรับภาพหรือเทคนิคพิเศษที่ปรากฏบนภาพทั้งหมดหรือบางส่วน

ปรับอุณหภูมิสีด้วย Photo Filters ใน Photoshop Elements 10 - Dummies

ปรับอุณหภูมิสีด้วย Photo Filters ใน Photoshop Elements 10 - Dummies

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

ปรับค่า Contrast และ Color ด้วย Photoshop Elements Levels Adjustment - Dummies

ปรับค่า Contrast และ Color ด้วย Photoshop Elements Levels Adjustment - Dummies

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