Smashing Book 6 อยู่ที่นี่: พรมแดนใหม่ในการออกแบบเว็บ

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

เราทุกคนรู้ดีว่าความเป็นจริงนั้นแตกต่างกันเล็กน้อยและซับซ้อนกว่านั้นเล็กน้อย นั่นเป็นเหตุผลที่เราสร้าง Smashing Book 6 ซึ่งเป็นหนังสือเล่มใหม่ของเราที่สำรวจพื้นที่ที่ไม่จดที่แผนที่และพยายามค้นหา เทคนิค front-end และ UX ที่ เชื่อถือได้ และตอนนี้ หลังจากทำงาน 10 เดือน หนังสือก็พร้อมและจัดส่งแล้ว ข้ามไปที่สารบัญและรับหนังสือทันที

เกี่ยวกับหนังสือ

การค้นหาเส้นทางผ่านส่วนหน้าและ UX ในปัจจุบันเป็นสิ่งที่ท้าทายและใช้เวลานาน แต่ตรงไปตรงมา เราทุกคนไม่มีเวลาที่จะเดิมพันด้วยกลยุทธ์ที่ผิด Smashing Book 6 ให้ความกระจ่างเกี่ยวกับ ความท้าทายและโอกาสใหม่ ๆ แต่ยังเปิดเผยกับดักและหลุมพรางใหม่ในโลกหน้าใหม่ที่กล้าหาญของเรา

หนังสือของเรา ไม่เกี่ยวข้องกับแนวโน้มอายุสั้น และหนังสือเล่มใหม่ของเราก็ไม่ใช่ข้อยกเว้น Smashing Book 6 มุ่งเน้นไปที่ความท้าทายที่แท้จริงและโซลูชันฟรอนต์เอนด์ที่แท้จริงในโลกแห่งความเป็นจริง: ตั้งแต่ แอปที่เข้าถึงได้ ไปจนถึงประสิทธิภาพ ไปจนถึง CSS Grid Layout ไปจนถึงพนักงานบริการขั้นสูง ไปจนถึง ทิศทางศิลปะ ที่ตอบสนอง ไม่มีการพูดคุยหรือทฤษฎี สิ่งที่ใช้ได้ผลในโครงการจริง ข้ามไปที่สารบัญ

ในหนังสือ Laura และ Marcy ได้สำรวจกลยุทธ์สำหรับ ระบบการออกแบบที่บำรุงรักษา ได้และ แอปหน้าเดียวที่เข้าถึงได้ โดยใช้ React, Angular เป็นต้น Mike, Rachel และ Lyza แบ่งปันข้อมูลเชิงลึกเกี่ยวกับการใช้ CSS Custom Properties และ CSS Grid ในการผลิตในปัจจุบัน Yoav และ Lyza เจาะลึกถึงรูปแบบประสิทธิภาพและพนักงานบริการในช่วงเวลาของ Progressive Web Apps และ HTTP/2

Ada, Adrian และ Greg สำรวจวิธี ออกแบบนาฬิกา และปัจจัยรูปแบบใหม่ ตลอดจน AR/VR/XR, แชทบอท และ UI การสนทนา บทสุดท้ายจะแนะนำคุณตลอดกลยุทธ์ที่ใช้งานได้จริงเพื่อแยกส่วนต่อประสานทั่วไป คาดเดาได้ และไร้วิญญาณ — พร้อมตัวอย่างมากมายของ ทิศทางศิลปะที่ตอบสนอง แต่ที่สำคัญที่สุด: เป็นหนังสือที่อุทิศให้กับอาการปวดหัวและวิธีแก้ปัญหาในเว็บที่เปราะบาง ไม่สอดคล้องกัน กระจัดกระจาย และมีความหลากหลายอย่างน่าอัศจรรย์ที่เราพบในทุกวันนี้

สารบัญ

ต้องการที่จะมองเข้าไปข้างใน? ดาวน์โหลดตัวอย่าง PDF ฟรี (PDF, ca. 21 MB) พร้อมบทเกี่ยวกับการนำบุคลิกภาพกลับมาสู่เว็บด้วยตัวคุณอย่างแท้จริง โดยรวมแล้วหนังสือเล่มนี้มี 10 บท:

1. ทำให้ระบบการออกแบบใช้งานได้จริง
   โดย ลอร่า เอลิซาเบธ
2. การเข้าถึงในช่วงเวลาของแอปพลิเคชันหน้าเดียว
   โดย Marcy Sutton
3. เค้าโครงตาราง CSS ที่พร้อมสำหรับการผลิต
   โดย Rachel Andrew
4. คู่มือเชิงกลยุทธ์สำหรับคุณสมบัติที่กำหนดเอง CSS
   โดย Mike Riethmüeller
5. การสร้างพนักงานบริการขั้นสูง
   โดย Lyza Gardner
6. กำลังโหลดเนื้อหาบนเว็บ
   โดย Yoav Weiss
7. รูปแบบการออกแบบส่วนต่อประสานการสนทนา
   โดย Adrian Zumbrunnen
8. การสร้างแชทบอทและการออกแบบนาฬิกา
   โดย Greg Nudelman
9. ข้ามความเป็นจริงและเว็บ (AR/VR)
   โดย เอด้า โรส แคนนอน
10. นำบุคลิกภาพกลับสู่เว็บ (ตัวอย่าง PDF ฟรี 21 MB)
    โดย Vitaly Friedman

• 536 หน้า. ปกแข็งคุณภาพ + eBook (PDF, ePUB, Kindle)
  เผยแพร่เมื่อปลายเดือนกันยายน 2018 .
• เขียนโดยและสำหรับนักออกแบบและนักพัฒนาส่วนหน้า
  ออกแบบด้วยความรักจากอิตาลี โดย Chiara Aliotta
• จัดส่งฟรีไปรษณีย์ทั่วโลก จากประเทศเยอรมนี
  ตรวจสอบเวลาจัดส่งสำหรับประเทศของคุณ
• หากคุณเป็นสมาชิก Smashing อย่าลืมใช้ส่วนลดการเป็นสมาชิกของคุณ
• ดีพอแล้ว? รับหนังสือทันที

eBook

$19 รับ eBook

PDF, ePUB, จุด

ปกแข็ง

$39 รับพิมพ์ (รวม eBook)

พิมพ์ปกแข็งคุณภาพ จัดส่งทางไปรษณีย์ฟรีทั่วโลก

เกี่ยวกับ The Designer

หน้าปกออกแบบด้วยความรักจากอิตาลีโดย Chiara Aliotta หนึ่งเดียว เธอก่อตั้งสตูดิโอออกแบบ จนถึงวันอาทิตย์ และได้กำกับรูปลักษณ์และความรู้สึกทางศิลปะโดยรวมของบริษัทเทคโนโลยีต่างๆ และองค์กรไม่แสวงหาผลกำไรทั่วโลก เราดีใจมากที่เธอมอบสัมผัสพิเศษอันแสนวิเศษให้กับ Smashing Book 6

เบื้องหลังกระบวนการออกแบบ

เราขอให้ Chiara แบ่งปันข้อมูลเชิงลึกเกี่ยวกับขั้นตอนการออกแบบหน้าปกและการออกแบบภายใน และเธอก็ใจดีมากที่จะแบ่งปันความคิดบางอย่างกับเรา:

"ทั้งหมดเริ่มต้นด้วยการแลกเปลี่ยนอีเมลและการประชุม Skype ที่ Vitaly แบ่งปันความคิดเกี่ยวกับหนังสือและเนื้อหาทั่วไปของเขา ฉันมีอิสระมากมายซึ่งน่าตื่นเต้นและน่ากลัวอยู่เสมอในเวลาเดียวกัน พันธะ เดียว (ถ้า เราต้องการเรียกมันว่าแบบนี้) คือว่า "S" ของ Smashing Magazine ควรเป็น ตัวเอกหลักของหน้าปก สร้างสรรค์ขึ้นใหม่และนำเสนออย่างสร้างสรรค์ตามหนังสือ Smashing Books เล่มก่อนๆ ทั้งหมด

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

ดังนั้นฉันจึงคิดว่า Smashing Book 6 เป็นวิธีการเสนอ โครงสร้างพื้นฐานและเป็นตำนานภายใต้มุมมองใหม่ ผ่านบทความของหนังสือเล่มนี้ นักออกแบบเว็บไซต์สมัยใหม่จะได้สัมผัสกับการผจญภัยที่แท้จริงและลึกซึ้ง

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

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

สำหรับ Smashing Book ฉบับนี้ ฉันจินตนาการ ถึงปกสิ่งทอสีน้ำเงินเข้ม โดยที่กราฟิกถูกพิมพ์โดยใช้เทคนิคที่เก่าแก่มาก นั่นคือการปั๊มฟอยล์สีทองร้อน

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

ในขั้นสุดท้าย ฉันได้เพิ่มกระดาษห่อรอบหนังสือที่เชื้อเชิญให้ผู้อ่าน "ปลดล็อกการผจญภัย" โดยบอกถึงการกระทำทางกายภาพ: ผู้อ่านต้อง ฉีกกระดาษออก ก่อนที่จะเริ่มอ่านหนังสือ และสำหรับเวอร์ชันนี้เท่านั้น เราได้แนะนำบุ๊กมาร์ก Smashing Magazine ที่ปรับแต่งเองได้ ซึ่งพิมพ์ด้วยกระดาษสีทองเช่นกัน มีเหตุผลอีกสองสามข้อที่จะชอบเวอร์ชันปกอ่อนมากกว่าแบบดิจิทัล!"

เสียงปรบมืออย่างมากมาย ต่อ Chiara สำหรับงานที่ยอดเยี่ยมของเธอและแบ่งปันความคิดกับเรา เราพอใจกับทุกอย่างตั้งแต่การออกแบบไปจนถึงเนื้อหา แต่ผู้อ่านคิดอย่างไร? ฉันดีใจที่คุณถาม!

คำติชมและคำรับรอง

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

“การออกแบบเว็บค่อนข้างซับซ้อน หนังสือเล่มใหม่จาก SmashingMag มีเป้าหมายที่จะนำช่วงการเรียนรู้ลงมาสู่ระดับที่เข้าถึงได้”

— อารอน วอลเตอร์, InVision

“เพิ่งได้ Smashing Book 6 เล่มใหม่โดย SmashingMag อะไรจะระเบิด! ตั้งแต่ CSS Grid Layout คุณสมบัติ CSS Custom และพนักงานบริการ ไปจนถึง HTTP/2 และอินเทอร์เฟซการสนทนา และอื่นๆ อีกมากมาย ฉันแนะนำให้ทุกคนที่สร้างอินเทอร์เฟซ”

— มิฮาเอล โทมิก, โอซีเยก, โครเอเชีย

“หนังสือที่ตีพิมพ์โดย SmashingMag และทีมงานพัฒนาขึ้นทุกครั้ง ฉันตื่นเต้นมากที่ได้ดูตัวอย่างมัน... ทุกบทดี! บทของ Marcy Sutton ที่เน้นไปที่ a11y เป็นส่วนใหญ่ในอาชีพการงานของฉันจึงเป็นที่ชื่นชอบเป็นการส่วนตัว”

— สตีเฟน เฮย์ อัมสเตอร์ดัม เนเธอร์แลนด์

ขอบคุณสำหรับการสนับสนุนของคุณ!

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

เรายังเตรียมชุดสื่อ .zip เล็กๆ น้อยๆ พร้อมรูปถ่ายและภาพประกอบบางส่วนที่คุณสามารถใช้ได้หากต้องการ — แค่พูด!

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