คลิกไปรอบๆ: การใช้เคอร์เซอร์เมาส์แบบวงกลม

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

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

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

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

ผลงานชิ้นสุดท้าย / Maraka

ลองพิจารณา Last Art Projects และ Maraka ซึ่งทีมของเขาใช้เทรนด์เล็กๆ นี้เพื่อประโยชน์ของพวกเขา

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

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

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

กวอกยินหมาก

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

Prime Park Sessions

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

คาร์ทีสยาม

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

อั้ม เรย์

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

สนามเด็กเล่น

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

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

ทัปเปซเซเรีย โนเวเชนโต

Tappezzeria Novecento มีพื้นที่ฮีโร่ที่มีเนื้อหาจำนวนมากพร้อมรูปภาพขนาดใหญ่และเนื้อหามากมาย เป็นเรื่องธรรมดาที่ทีมงานเบื้องหลังการออกแบบจะตัดสินใจทำให้เคอร์เซอร์โดดเด่นขึ้น เช่นเดียวกับกรณีของ Playground มันมีวงกลมสองวง วงแรกคือตัวเคอร์เซอร์เอง และอีกวงคือหางของมัน นอกจากนี้ยังมีสีที่คล้ายคลึงกันซึ่งทำให้เป็นการตกแต่งที่สมบูรณ์แบบ

เป็ดน้ำและคลาเร็ต

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

ของขวัญจากกุชชี่

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

เครื่องมือโบนัส: Cursomizer

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

มีบางอย่างเกี่ยวกับแวดวง

เป็นเรื่องที่น่ายินดีเสมอที่ได้เห็นเรื่องเล็กๆ น้อยๆ ซึ่งบางครั้งเราไม่ได้ให้เครดิตที่เหมาะสม

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