WRITING-101

ตัดทอนสภาพความเป็นอยู่ศรีษะร้อนจากกิจธุระออกแบบ UIเคล็ดลับ กับเครื่องมือที่เอาใจช่วยลดชั้นความร้อนบนบานศาลกล่าวหัวขนมจากงานออกแบบได้มาขั้นแรก ๆ ที่ริเริ่มดีไซน์ ผมก็จักได้มาโจทย์มาเท่ากะแค่ 2–3 หน้า ต่อจากนั้นก็ส่งงานต่อให้ Dev ชีวิตแฮปปี้บริสุทธ์ แต่พอกลางวันนึงแห่งการทำงานเลี่ยนใหญ่ขึ้นไป ขนมจาก 2–3 เค้าหน้า ตกเป็น 20–100 ใบหน้าเพียงนั้นแหละ ฝันร้ายก็ได้ประเดิมขึ้น “มีปุ่มใหม่ลงมาอีกแล้วสึกหรอ ทำไมปุ่มประกอบด้วยมากฉบับร่างยิ่งนัก ?” “Card แต่ละอันเลี่ยนไกลลิบกันเท่าไหร่ ?” “สนับสนุน Export นี้มากขึ้นแยกออกไม่ช้าสิ”ประโยคด้านบนนั้นครอบครองเพียงน้ำปรุงรสเพียงนั้น ยังประกอบด้วยอีกต่างๆที่จะตามมาเป็นแนว เพื่อจะจักลดโจทย์กลุ่มนี้ (มอบได้มามากที่สุดตราบที่จะเป็นได้) ข้าพเจ้าเลยมีกลเม็ดบริสุทธ์ ๆ มาฝากห้ามครับต้องสมเหตุสมผลมากกว่าเท่าความงดงามอย่าให้ความสำคัญกับดักความสรรพสิ่งความงามเลิศเต็มที่กระเป๋าแห้งเกินไป สิ่งสถานที่ฉันน่าจะให้ความสำคัญยิ่งกว่าคือ รูปร่างการใช้งาน และจุดประสงค์สรรพสิ่ง UI Component ข้าพเจ้าจักตาขออธิบายสรรพสิ่ง button แล้วกัน ประการเริ่มแรกจ่ายหาคำเฉลยก่อนกำหนดเกินดุ button นี้ไม่อายที่อย่างไร จุดประสงค์สรรพสิ่งเลี่ยนรวมความว่าอะไร คำเฉลยกลุ่มนี้จะเป็นตัวเป็นตนบอกฉันเองตวาดน่าจะออกแบบ button แยกออกออกมาหน้าด้านนัยเนตรแปลนไร button แต่ละชิ้นไม่อายแห่งแยกออกผู้ใช้คลึงเพื่อจะสร้างเช่นไรบางสิ่งเช่นเดียวกัน แต่ว่าประกอบด้วยวัตถุประสงค์สถานที่ผิดแผกกันออกลูกไป ปุ่ม Call to Action จักจำต้องโดดเด่น ด้วยกันตรวจสอบุคว้าง่ายเพราะว่าคงดำรงฐานะฟังก์ชันหลักเขตสรรพสิ่งระเบียบ ทั้งที่ปุ่ม help คงครอบครองปุ่มปกติสาธารณะที่มนุษย์จักเปล่าอ่อยใช้คืนสมมติว่าไม่ต้องการขอความช่วยเหลือเฉิดฉันอย่างฝ่ายเดียวไม่พอ ต้องทำกันได้จริงเช่นกันอย่าลืมดุนี่มิใช่งานออกแบบโปสเตอร์งานประจำปีของวิทยาคาร แต่ว่าเลี่ยนรวมความว่าการออกแบบ Product สถานที่จำต้องไม่ผิดยกมาจากไปก่อสร้างแน่ๆ ใช้คืนแน่ๆ เจ็บแน่นอน (ชิ้นพระขนองไม่น่าใช่ 555) เพราะฉะนี้งานแห่งดิฉันดีไซน์จักจำต้องอยู่บนฐานรากสรรพสิ่งคำกล่าวตวาด “เป็นไปคว้า” หัวข้อนี้คล่องมากครับผม แต่ว่าสิงงานอ่านนิดหน่อย โน่นก็รวมความว่างานอ่านจาก Design Guideline โดยประกอบด้วยหลัก ๆ คือ Human Interface Guideline สิ่งของ Apple และ Material Design สรรพสิ่ง Google ซึ่ง Guideline กลุ่มนี้จักสิงสู่บนบานพื้นฐานสิ่งของเทคโนโลยีแห่งสมรรถก่อสร้างได้มาแน่ๆ พร้อมด้วยบอกกรรมวิธีนำไปใช้การทำงาน กับจุดประสงค์ของแต่ละ UI Component เช่นกัน ไม่ก็ถ้าหากดิฉันอยากจะสร้าง UI Component ขึ้นไปมาใหม่เอง ก็ทดลองวาดใส่กระดาษคร่าวๆ ๆ ด้วยกันหยิบยกไปพูดคุยกับดัก Dev ก่อนกำหนดดุทำได้ลงคอแน่ๆหรือเปล่า ไม่เช่นนั้นก่อซะเพริศต้องใจส่งจากไป Dev อาจจะเกาศรีษะ แล้วบ่งบอกตวาด “มันสร้างไม่ได้นะ” อย่าหลงหาเรื่องข้อมูลออกในการก่อสร้างนวชาตพร้อมด้วยหนอครับผม ไม่งั้นได้มาประกอบด้วย UI Component แห่งมีวัตถุประสงค์เช่นเดียวกันดำรงฐานะทศมั่นเหมาะConsistency เป็นอันสถานที่ขาดไม่ได้ในงานออกแบบ UI Component ดิฉันควรดีไซน์มอบประกอบด้วยความเหมาะสมกัน อาจตรวจฟังแลดูเปล่าค่อยรู้ถ้าเช่นนั้นผมตะขอยกตัวอย่างเช่น ปุ่ม Call to Action ที่ดิฉันดีไซน์ ไม่ว่าจักไปสิงสู่บนบานใบหน้าไร หรือไม่ก็ส่วนไรสรรพสิ่งระเบียบ มันก็ควรจะหน้าด้านนัยเนตรแห่งเช่นเดียวกัน งานก่ออย่างนี้นอกจากจะไม่ทำเอา Dev ศรีษะร้อนหลังจากนั้น อีกทั้งเอาใจช่วยแยกออกผู้ใช้เรียนรู้การใช้งาน Product ได้มาสะดวกขึ้นไป ลูกค้าน่าจะเหลือบเห็นปุ่มหลังจากนั้นรู้ทันทีว่านี่คือปุ่ม Call to Action ไม่ว่าปุ่มนั้นจะอยู่ที่ส่วนใดก็ตาม ซึ่งเคล็ดลับแห่งใช้คืนควบคุมความ Consistency นั้นสามารถอ่านเพิ่มพูนได้ขนมจากบทความข้างล่างขอรับ – ใช้คืน 8pt Grid System กับงาน UI Design บน Sketch – ออกแบบ UI จ่ายเหมือนประกบ LegoTools ดีมีชัยจากไปกว่าครึ่งการควานเครื่องอุปกรณ์ลงมาทุ่นกำลังนับว่าครอบครองสกิลแห่งต้องมีส่วนตัวที่ระยะเวลาไทยแลนด์ 4.0 จริง ๆ ข้าพเจ้าก็ดำรงฐานะมนุชเอ็ดแห่งถูกใจควานเครื่องอุปกรณ์ลงมาเอาใจช่วยสิงสู่เสมอ การสถานที่ฉันจำต้องลงมานั่งลงฟันกิโลผึ่งผาย ทำ Styleguide ด้วยกันจัด resoucre ต่าง ๆ ตรงนั้นเกิดเรื่องแห่งออกจะเปลืองเวลายิ่งนักพอสมควร ข้าพเจ้าเกินเร่งรีบเข้า Google เพื่อเที่ยวหาทันทีว่า ประกอบด้วย tools ร่างกายไรบ้างที่จะมาเอาใจช่วยทุ่นเวลาของฉันคว้า กับตกลงพบพานกับดักเครื่องอุปกรณ์เทพที่จะรอคอยช่วยแยกออก Designer และ Developer นั้นติดกันกันมากสูงสุดขึ้นไป…มันสมอง.มันมีชื่อดุ Zeplin เพราะว่าเจ้าเครื่องมือนี้จะช่วยประหยัดเวลา Designer เช่นกันความสามารถสรรพสิ่งเลี่ยนไม่ว่าจะเป็น การสร้าง Styleguide แยกออกโดยอัตโนมัติ การสร้าง Asset แตกต่าง ๆ สถานที่จำเป็นจะต้องใช้คืนในที่การทำงานดีไซน์ กับยังทำเอา Developer ทำงานคว้าสะดวกขึ้นไป เช่นกันความเก่งกาจการเข้าถึง Styleguide คว้าทันที มี Asset แห่งต้องใช้แยกออกดาวน์โหลด กับอีกต่างหากสมรรถบ่งบอก Alignment ของเนื้อตัว UI Component คว้าพร้อมด้วย สมรรถเรียนรู้เพิ่มเติมได้มาขนมจากเว็บสรรพสิ่ง Zeplin เกิน ซึ่งส่วนตัวข้าพเจ้าชดใช้ Zeplin กับกิจธุระสถานที่ดำรงฐานะ Web App ซะเป็นโดยมาก ด้วยกันจักมี Tool อีกชิ้นแห่งคุ้นใช้สิงสู่ตอนที่ออกแบบแอปพลิเคชันบน iOS คราวนั้น Dev จะจำเป็นจะต้องเขียนรายการบนบานศาลกล่าว Xcode ก็จะมีเนื้อตัวช่วยที่คล้าย ๆ กับ Zeplin เช่นเดียวกันแต่สามารถกระทำร่วมกับ Xcode ก้าวหน้ากระทั่งชื่อว่า Sympliเคล็ดลับกลุ่มนี้เป็นเคล็ดลับสะดวก ๆ ที่จะสนับสนุนลดกรณีศรีษะร้อนของ Developer คว้า กับอีกต่างหากเอาใจช่วยมอบฉันดำรงฐานะ UI Designer ที่ทุเลาได้ กับอีกต่างหากมีผลกระทบบริสุทธ์ต่อทั้งหมดของพวก กับร่างกาย Product พร้อมด้วย อยากมอบลองฝึก กับนำไปดัดแปลงห้ามแลดูครับผม เพื่อชีวิต Designer สถานที่บริสุทธ์ยิ่งขึ้น ข่าวคนเขียน Arnon ChonrawutUX/UI Designer @ Billmeติดตามผลงานอื่นของคนแต่งประสกเอ็งตรงนี้พอดี https://mediumมันสมองcom/@ArnonC