สืบเนื่องจาก Thai Open Source ก็ปรับโฉมเรียบร้อยแล้ว ก็เลยได้เวลามาเล่าสู่กันฟังถึงเบื้องหลังในการปรับโฉมครั้งนี้

พูดถึงเรื่องของรูปแบบก่อน รูปแบบของ Layout นี้ ผมคิดไว้ในหัวอยู่นานแล้ว กะว่าจะเอาไปใช้สำหรับ ubuntuclub แต่ก็ไม่ได้ทำสักที (ยังไม่มีอารมณ์จะทำนั่นเอง) แล้วเมื่อ 3อาทิตย์ก่อน (สามอาทิตย์ก่อนจริงๆ) @anoochit ก็มาตะแง๊งๆ ว่า อยากจะปรับโฉม Thai Open Source ใหม่ ผมก็เลยเอาไอเดียนี้วาดออกมาให้ดู

ผ่านไป 1อาทิตย์ @anoochit ก็ทำธีมออกมาเสร็จ (ผมก็มัวแต่วุ่นกับงานแปล Ubuntu) โดยเป็นโครงพร้อม Moc-up แล้วก็ค่อยๆ ทำกันไป

กลับมาที่แนวคิดของการออกแบบที่ผมร่างไว้ในหัว โดยส่วนตัวแล้ว ผมเชื่อว่า เว็บที่ดีไม่ควรต้อง Scroll หน้าเพื่อดูเนื้อหา และเมนูเพื่อเข้าถึงส่วนต่างๆ ต้องน้อย เพื่อลดความสับสน (แต่จะต้องเข้าถึงทุกส่วนได้) เน้นการมีปฎิสัมพันธ์ในกลุ่มคน เลยเป็นที่มาของกล่อง Tweet และ Facebook like จริงๆ แล้วที่อยากใส่อีกอย่างคือ กล่องคอมเมนต์ แต่ที่ไม่พอแล้ว เลยจัดได้แค่นี้

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

ส่วนสีที่ใช้ จะมีสองโทน คือน้ำตาล และดำ ก็เลยออกมาอย่างที่เห็น

ส่วนเทคนิคที่ใช้ก็จะมี Grid System, HTML5 สองอันนี้ไว้ค่อยให้ @anoochit มาเล่า ส่วนอันที่ยากและแทบจะฆ่ากันตายคือ กล่อง Facebook like เนื่องจากดีไซน์หลักของกล่อง Facebook like จะไม่เข้ากับดีไซน์ของธีมที่ใช้นี้ (นึกไม่ออกลองดูกล่อง Facebook ที่หน้า ubuntuclub) @anoochit ก็อยากจะเอาออก แต่ผมก็ไม่ยอม เลยต้องหาดีไซน์ใหม่ที่เข้ากัน ผมก็เลยไปดูตัวอย่างของเว็บ http://omgubuntu.co.uk ซึ่งมีกล่อง Facebook like ที่น่าจะเอามาเป็นตัวอย่างได้ พอดูจากโค้ดแล้วก็เลยเห็นว่า เขายัด css ของเขาเองลงไป ก็เลยเอามาปรับใช้บ้าง ซึ่งก็ได้อย่างที่เห็น (ไว้มีเวลาจะมาเล่าในเชิงเทคนิคให้ฟัง)

สุดท้ายแล้ว ด้วยกระบวนการทั้งหมดมันสำคัญที่เรื่องของแนวคิด แล้วเราค่อยหาเทคนิคที่ตอบสนองได้เข้ามาจับ

อย่างไรก็ดี เว็บนี้ยังไม่เสร็จครับ ค่อยๆ รอดูความเปลี่ยนแปลงเล็กๆ น้อยๆ ได้

Comments

ฟอนต์สวยดีครับ เดาว่าน่าจะเป็น TH Sarabun ไม่ทราบว่าฟอนต์หน้าเวบนี่กำหนดเป็น TH Sarabun แล้วเครื่องอื่นที่ไม่ได้ติดตั้งฟอนต์นี้จะแสดงผลเหมือนกันไหมครับ หรือใช้วิธี embed font

ปล.สมาชิกเวลาโพสต์ยังต้องใส่ CAPCHA ด้วยเหรอครับ

ฟอนต์ที่ใช้ชื่อ SP Laksaman ไม่ใช่ TH SarabunPSK ครับ ใช้ font-face ครับ