วันที่ 1 กำหนดแนวทางและเป้าหมาย @ 15/11/2555หลังจากศึกษาCODE อยู่นาน หลงทางก็แยะอู้ก็แยะ พร้อมๆกับรับงานประจำด้วย และตอนนี้กำลังจะมีข่าวดีในอีก 3 เดือนข้างหน้ากับลูกที่กำลังจะออกมาดูโลก เลยต้องเริ่มมันแบบจริงๆจังๆและละ แม้ว่ายังไม่พร้อม 100% ก็เถอะมันต้องทำและเดียวลูไม่มีกิเพราะลำพังเงินเดือนส่วน ที่ไม่ได้มีมากมายเหมือนชาวบ้านเค้า
จริงๆผมเป็นคนที่ชอบอะไรที่มัน 100% หรือเรียกได้ว่า perfect แต่จากที่ลองเสียเงินซื้อ theme ขายดีหลายๆtheme มาแกะแงะเล่น ก็พบว่า theme มากมายที่ขายดี มันไม่ได้ prefect นิ ยังขายได้เลย แล้วcode ก็พัฒนาอย่างต่อเนื่อง คนเขียนใหม่ๆ ก็ออกกันมาอย่างต่อเนื่อง เอาละเราเกริ่นนำกันมาพอสมควรและ เข้าเรื่องกันเลยดีกว่า
จากการศึกษาสภาพกำลังซื้อของ
http://themeforest.net 
ในช่วง 2-3 เดือนมานี้ผมพบว่า style ที่ยังคงขายดีเหมือนเดิมก็ไม่พ้น Modern และตามมาติดๆด้วยน้องใหม่อย่าง metro ซึ่งมี theme หนึ่งขายดีแบบน่าอิจฉากันไปเลย เปิดขายช่วงกันยา ตอนนี้ 2 เดือนปาเข้าไป 1300 sell(คิดเป็นเงินไทย ประมาณ 1.8 ล้านบาท)ซึ่งผมเห็นแล้วตามันร้อนจริงๆ และส่วนตัวผมชอบและถนัดงาน Metro ด้วยเพราะฉะนั้น theme แรกของเราก็ลุยแนวนี้และ
โดยยึดแนวคิดในการออกแบบตามนี้
1. สะอาด
2. Metro Style
3. slider ปรับได้หลากหลาย
4. Icon เป็นชุดเดี่ยวกัน
5. ใช้งานง่ายที่สุด
6. blog ต้องแสดงได้หลากหลาย
7. เป็นแนว Corporate
8. ปรับขนาดตามจอภาพได้
9. ใช้รูปแบบ Boxed เป็นหลัก
10. widget หลากหลาย
11. จริงๆอยากไห้สร้าง sidebar เองได้ด้วย แต่ยังไม่เคยทำ
เอาละกำหนดเป้าหมายได้แล้วก็เตรียมตัวไปลุยกันเลย
tip : metro style คือการออกแบบที่เน้นไปทางการเลือกใช้สีที่มีสีสันสดใส และเน้นรูปร่างสี่เหลี่ยม โดยมีการจัดการตัวหนังสือที่อ่านง่ายเพื่อไม่ทำให้เสียรูปร่างสี่เหลี่ยม และลดรายละเอียดการแสดงผลต่างๆรวมเป็นพื้นที่ใหญ่ๆแทน
Metro นั้นมีองค์ประกอบอยู่ไม่มากนัก โดยพิชานันจะจำแนกออกเป็นส่วนหลักๆได้ดังนี้ครับ
1. การเลือกใช้สี จะมีการเลือกใช้สีที่ตัดกัน โดยปกติจะให้พื้นหลังไปทางสีอ่อน และจะมีส่วนที่เป็นพื้นที่หลักใช้สีสันสดใสเพื่อตัดกับพื้นหลัง ทำให้พื้นที่หลักได้รับความโดดเด่น
2. การลดรายละเอียด พยายามรวมรายละเอียดเล็กๆเข้าเป็นชิ้นใหญ่ๆ เพราะจะสร้างพื้นที่การแสดงผลให้ใหญ่ที่สุดเท่าที่จะทำได้ และยังคงสามารถทำให้ผู้ใช้แยกออกว่าเป็นคนละส่วนกัน
3. ลักษณะของงานเป็นสี่เหลี่ยม เนื่องจากหน้าจอเรามาลักษณะเป็นสีเหลี่ยมและเพื่อทำให้สามารถใช้พื้นที่ได้อย่างเต็มที่จึงควรสร้างการแสดงเป็นสีเหลี่ยม และเมื่อนำสี่เหลี่ยมเล็กๆมาต่อกันจะทำให้ได้สี่เหลี่ยมใหญ่ ในการจัดวางสี่เหลี่มเล็กๆเราสามารถทำให้มีช่องว่า (padding, margin) ของตัวสี่เหลี่ยมเพื่อความสวยงามตามเหมาะสม
4. การเลือกใช้ตัวหนังสือ จะเป็นไปที่การใช้ตัวหนังสือที่อ่านง่าย effect ไม่มาก ถ้าจะให้เข้าใจง่ายๆก็คือเป็นตัวหนังสือที่มีขนาดใหญ่ หรือมีขนาดที่ไม่ทำให้รู้สึกว่าพื้นที่ในการแสดงผลแคบ และถ้าข้อความมีความยาวเกินไปก็พยายามซ่อนส่วนที่เกินไปออกเพื่อไม่ให้เสียขนาดของสี่เหลี่ยม
พัฒนาเว็บไซต์
