>Apple and Twitter

March 30, 2009 Online Marketing Comments

>จริงๆแล้วตอนนี้ก็เร่งออกไปหาลูกค้าอยู่ แต่ว่าเห็นอะไรบางอย่างในเว็บของ Apple เลยเอามาฝากกัน

หน้า Apple Trailers เป็นหน้าหนึ่งที่ผมเข้าประจำ เพื่อดูตัวอย่างหนังที่กำลังจะมา ซึ่งหลายครั้งที่เข้าไปดู นอกจากจะได้ update เรื่องหนังแล้ว ยังได้ดูพวก movement การตัดต่อภาพ soundที่เจ๋งๆ และeffect ที่ทำให้เราสามารถเอาไปใช้กับงานได้ด้วย

แต่วันนี้เข้าไปเหมือนเดิม เจอ “Trailers on Twitter” คือว่าให้เราสามารถติดตาม trailers หนังได้ผ่าน twitter ก่อนหน้านี้ก็คิดว่า section นี้ใน Apple มีไว้เพื่อ support เรื่อง Quicktime เฉยๆ ไปๆมาๆ เหมือนว่า Apple จะเริ่มเอาจริงเอาจัง (เดาว่าคนคงเข้ามาไม่ใช่น้อย)

นึกไม่ถึงว่า power ของ Twitter จะแรงขนาดนี้


** นี่คือ บทความที่ 101 แล้ว สำหรับ blog นี้ .. ดีใจที่เขียนมาได้เรื่อยๆ และบทความครบรอบ 100 ก็คือเรื่องของ designer อย่าง Chris Bangle **

>Chris Bangle – Behind BMW Design

March 29, 2009 Design Comments

>

Designer คนหนึ่งที่ผมติดตามผลงานและชื่นชอบมานานก็คือ Chris Bangle หัวหน้าทีม design ของ BMW รถยนต์ยี่ห้อเท่ห์

แต่ว่าเมื่อเดือนกุมภาพันธ์ที่ผ่านมา Chris Bangle ได้ขอสละตำแหน่งนี้ให้กับ designer มือขวาของเค้าชื่อ Adrian Van Hooydonk

ก่อนอื่นต้องขอเล่าประวัติย้อนกันแบบคร่าวๆให้ได้รู้จักกันก่อนนะครับ คุณ Chris Bangle นี่เป็นคนออกแบบรถ BMW ในช่วงหลังๆมานี้ เริ่มตั้งแต่ตัว Series 7 ที่ออกมาในปี 2001 ซึ่งจากที่เราได้ติดตามรถยนต์ BMW แล้วจะเห็นว่า รุ่นที่ออกมาช่วงหลังๆนี่ หน้าตาจะค่อนข้างฉีกออกไปจากรุ่นช่วงก่อนปี 2000 เอาซะมากๆ

ด้วยเหตุนี้จึงทำให้งานของ Chris Bangle ที่ออกมานั้น ถูกวิพากษ์วิจารณ์เป็นอย่างมาก โดยเฉพาะอย่างยิ่งงานตัวแรกที่ได้พูดถึงก่อนหน้านี้ Series 7 ที่มีท้ายแบบเหลี่ยมซะมากๆ จนบางคนเรียกว่า “Bangle Butt” หรือบั้นท้ายของ Bangle หรืออย่าง Z4 Roadster ที่มีเสียงวิจารณ์ไม่น้อยเช่นกัน

อย่างไรก็ตาม ก็มีคนจำนวนไม่น้อยที่ชอบงานที่แปลกแหวกแนวของ Chris Bangle ทำให้มีการถกเถียงไม่น้อยอีกเช่นกัน

ถึงแม้จะบอกว่า งานของ Chris นั้นไม่สวย แต่ว่ารถยนต์ BMW ที่เค้าออกแบบนั้น สร้างความน่าสนใจให้กับ designer รถยนต์ยี่ห้ออื่นไม่น้อยเช่นกัน

จากเว็บไซต์ Business Week, อ้างถึง Dennis Keene ซึ่งทำงานเป็นที่ปรึกษาด้านการตลาดให้กับบริษัทเกี่ยวกับเรื่องการออกแบบ ได้พูดว่า “ลองดู Mercedes S Class, Lexus LS, และ Toyota Camry แล้วบอกผมสิว่า คุณไม่เห็น design ของ Bangle บางส่วน ไม่ว่าจะเป็น surface, backend-styling, หรือแม้กระทั่งสัดส่วน (propotions)”

ผลงานหนึ่งที่โดดเด่นอีกชิ้นก็คือ iDrive ซึ่งเป็นตัวหมุนที่อยู่ทางด้านซ้ายมือของคนขับ มีความสามารถในการบังคับอุปกรณ์อิเล็คทรอนิกส์ต่างๆในรถยนต์ BMW ซึ่งเทคโนโลยีแบบ iDrive นี้ ก็สามารถพบได้ในรถยนต์ Mercedes Benz ด้วยเช่นกัน

รวมๆแล้ว งานที่ Chris Bangle ได้ออกแบบให้กับ BMW นั้นมีแทบจะทุก model ไล่ไปตั้งแต่ series 1, 3, 5, 6, และ 7 รวมไปถึง X3, X5 และ X6 (E81 / E82 / E87 / E88, E90 / E91 / E92 / E93, E60 / E61, E63 / E64 ,E65 / E66 และ E53) (ข้อมูลจาก Wikipedia)

งานตัวสุดท้ายที่ Chris Bangle ได้ประกาศไว้ว่าเป็นงานที่เค้าอยากจะทำมากที่สุดก็คือ BMW ตัวที่ชื่อว่า Gina ที่เปลี่ยนจากการใช้เหล็กหรือ fiber glass มาสร้างรถยนต์ เป็นการใช้ผ้า ที่เค้าเรียกว่า “Skin” แทน ทั้งนี้เพื่อให้สามารถเปลี่ยนรูปร่าง และ aerodynamics ได้ขณะขับขี่

ด่านล่างนี้ขอรวมรูปผลงานของ Chris Bangle นะครับ (จากเว็บไซต์ Business Week)









นี่คือตัว Gina ที่พูดถึง

>Sansiri 2009 (www.sansiri.com)

March 4, 2009 rgb72 Comments

>




Sansiri.com version 2009 (www.sansiri.com) / Launched 5 March 2009

ถือว่าเป็นความน่ายินดีอย่างยิ่งที่ทาง บริษัท แสนสิิริ หนึ่งในบริษัทอสังหาริมทรัพย์ที่ใหญ่ที่สุดในประเทศ ได้มอบหมายให้ทาง rgb72 พัฒนาเว็บไซต์ใหม่ของบริษัทสำหรับ version ปี 2009 นี้

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

ดังนั้น design จึงออกมาแบบเรียบง่าย แต่ดูดี มี idea เน้นการใช้งานที่ง่าย รวดเร็ว ไม่สับสน สีที่ใช้ก็จะเน้นไปที่สีของบริษัท คือสีน้ำเงินเข้ม ซึ่งจะมีความยากตรงที่ หากใช้ shade สีที่อ่อนลง ก็จะกลายเป็นสีฟ้า สีที่จะไปทับกับสีของบริษัทคู่แข่งได้ นอกจากนี้ยังมีสีขาว และ สีเทาอ่อน

สิ่งใหม่ๆที่เรานำเข้ามาใช้กับเว็บนี้เพื่อเพิ่มความสามารถในการใช้งานให้ง่ายขึ้น นั่นคือการใช้ Lightbox มาเล่นกับ Log-in feature (จากที่ปกติมักจะใช้กับ gallery รูปภาพ) และการแสดงรายละเอียดของข่าว อย่างไรก็ตาม feature นี้สำหรับส่วนของ log-in จะเห็นได้ใน phase 2 ที่จะ update ต่อไปปลายเดือนมีนาคมนี้

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

มาตรฐานที่ซ่อนอยู่ในงานของ rgb72 ยังคงมีหลบให้พอสังเกตได้อยู่เหมือนเคย ยกตัวอย่างเช่น feature PRINT ที่เมื่อคุณกด print แล้ว ตัวเว็บจะทำการคัดเลือกเฉพาะส่วนของ content ที่สำคัญเท่านั้นมา print ทั้งนี้เพราะการ print แบบปกตินั้นจะทำให้ content ตกขอบ หรือไม่ก็ต้อง print แนวนอน ทำให้ยากสำหรับ user การคัดลอกเฉพาะส่วนนี้สำคัญไป print นี้ เป็นกระบวนการที่ทำแบบอัตโนมัติ โดยที่ user ไม่ต้องไปตั้งค่าหรือเลือกอะไรพิเศษเลย แค่สั่ง print เหมือนเดิมเท่านั้น

เว็บนี้เป็น DIV และ AJAX ทั้งหมด เน้น coding และข้อมูล ไม่ใช้ graphic หรือ flash มาก โดยรวมแล้ว ถือว่าเป็นการพัฒนาจากเว็บไซต์เดิมได้อย่างน่าพอใจโดยมีมือ coding อย่างน้องแอน และ เก่งเป็นคน design ออกแบบทั้งหมด และที่ลืมไม่ได้คือทีม rgb72 ที่อยู่เบื้องหลัง ช่วยกันคนละเล็กละน้อย ให้งานนี้สำเร็จไปได้ด้วยดี

>เที่ยวกรุงเทพ we love bkk!

March 3, 2009 Design Comments

>

อีกครั้งที่ได้อุดหนุนหนังสือของพี่อุ้ม สิริยากร คราวนี้ชื่อหนังสือว่า “เที่ยวกรุงเทพฯ” หนังสือเล่มนี้ คุณอุ้มเคยบอกไว้ตอนเขียนว่า จริงๆแล้วกรุงเทพนี่มีอะไรให้เที่ยวเยอะมากๆเลยนะ หลายๆที่ที่เราไม่รู้มาก่อนเลย

อย่างไรก็ตาม จริงๆแล้วเหตุผลที่ซื้อคงจะบอกได้ว่า 50% เป็นเรื่องของเนื้อหาภายในเล่ม แต่อีก 50% เป็นเรื่องของ layout design รูปเล่มที่สวยงามตามสไตล์

แค่มาแนะนำให้ได้รู้จักกันครับ

Search This Site:



rgb72 on Facebook

คำศัพท์ Internet วันละคำ

Adobe
– บริษัทผู้ผลิตและเจ้าของลิขสิทธิ์โปรแกรมชื่อดังที่ใช้ในงาน graphic มากมาย เช่น Photoshop, Illustrator, InDesign, Dreamweaver, Flash, Premiere, After Effect
เว็บไซต์ http://www.adobe.com
— WEB101 by rgb72

72's Friends

Useful Links

rgb72


being72 คือหนังสือที่รวบรวมเรื่องราวความเป็น rgb72 บริษัทออกแบบเว็บไซต์ ตั้งแต่อดีตถึงปัจจุบัน โดยจัดทำเนื่องในโอกาสครบรอบ 10ปี

+ บทความจากผู้เขียน
+ ตอนที่1: Pre-rgb72 / ทำงานกับ Martha Stewart
+ ตอนที่2: Pre-rgb72 / Arcadian
+ ตอนที่3: Pre-rgb72 / ewit
+ ตอนที่4: เริ่มต้นอย่างเงียบๆ
+ ตอนที่5: Generation 1 (ยุคที่1:บุกเบิก) / เริ่มต้นที่ศูนย์
+ ตอนที่6: โทร โทร โทร...
+ ตอนที่7: นามบัตร
+ ตอนที่8: หนังสือพิมพ์และโทรทัศน์
+ ตอนที่9: MATCHING STUDIO
+ ตอนที่10: มีเงินที่ไหน ให้ไปที่นั่น
+ ตอนที่11: พนักงานคนแรก
+ ตอนที่12: ภาพแทรก ออฟฟิสที่สองของ rgb72
+ ตอนที่13: เพื่อนจาก ewit
+ ตอนที่14: GettyImages ฟ้องจริง ถึงจริง
+ ตอนที่15: เว็บไซต์ที่ทำแบบมากที่สุด
+ ตอนที่16: ความฝันที่ 1 พบชื่อลูกค้าทุกๆ ห้านาทีที่ขับรถ
+ ตอนที่17: สมุย.. สร้างเสร็จได้ในวันเดียว
+ ตอนที่18: ขึ้นศาล.. มันไม่สนุก
+ ตอนที่19: นักธุรกิจต่างชาติ
+ ตอนที่20: ความฝันที่ 2 เที่ยวต่างประเทศ
+ ตอนที่21: Super AE
+ ตอนที่22: สินบน
+ ตอนที่23: ผู้หญิงที่ผมไม่รับ
+ ตอนที่24: งานที่คุณไม่ได้ดู
+ ตอนที่25: นักออกแบบ
+ ตอนที่26: คู่แข่งที่รัก
+ ตอนที่27: เซียนหลังกระดานหุ้น ตอนที่ 1/2
+ ตอนที่27: เซียนหลังกระดานหุ้น ตอนที่ 2/2
+ ตอนแทรก: หาาา?... อะไรนะ!!??
+ ตอนที่28: ยิ่งให้... ยิ่งได้
+ ตอนที่ 29: Wall of Frames
+ ตอนที่ 30: ผี 72
+ ตอนที่ 31: เพื่อนจากตะวันออกกลาง
+ ตอนที่ 32: Photography
+ ตอนที่ 33: Too Far from the Dream





Recent Comments

Powered by Disqus