อับเดจ 22/11/55 [แชร์แบบบ้านๆ] Season 2 Reality Show Making MetroEdge

[arusgroup]

รวม แชร์แบบบ้านๆ

Season 2 Reality Show Making
หลังจากห่างหายจากบอร์ดไปนาน พอสมควรและแล้วก็ถึงเวลากลับมาเขียน [แชร์แบบบ้านๆ] ให้แฟนๆ ได้รับชมกันต่อครับ
ช่วงที่ผมหายไป ผมได้ลองทำการสร้างระบบหลังบ้านและระบบจัดการ option ต่างๆมากมาย จนตัวผมเองยังงงเองเลย
จริงๆอยากชวนเพื่อนๆในบอร์ดที่สนใจด้านนี้มานั้งกินกาแฟแชร์ข้อมูลกันบ้างแต่กลัวไม่มีคนไปด้วย
เดี่ยวถ้าแน่วร่วมแยะแล้วเราไป มิดติ้งแบบบ้านๆ กัน
ใครอยากไปขอเสียงหน่อย

เหลากันซะนานยังไม่เริ่มซะที่ เข้าเรื่องกันเลยดีกว่า สำหรับเนื้อหาใน Season นี้ผมจะไม่ขอเปิดเผิย code นะครับ
แต่จะบอกวิธีหาและแนวทาง ถ้าอ่านจาก link ที่ทำไว้ไห้แล้วนั้นสามารถ ทำเองได้เลย
และจะเริ่มตั้งแต่เริ่มสร้าง Theme นี้ตั้งแต่ต้น จนส่งขายกันเลยที่เดี่ยว จะสรุปให้อ่านเป็นวันๆ เหมือน Reality Show กันเลยที่เดี่ยวเชียว

หน้าตาของ theme นี้ครับ



ปล. สำหรับ Season นี้ขอความร่วมมือ ไม่ก๊อปขอมูลและรูปนะครับ เพราะจะเป็น theme ที่ทำส่งขายกันจริงๆ บน http://www.themeforest.net
เอาเป็นแบบอย่างได้แต่กรุณาอย่าก๊อป ถ้าเกิดการก๊อปปี้เนื้อหา รูปไปแล้วผมเจิอ ผมจะเลิกทำ [แชร์แบบบ้านๆ] ทันที่ครับ ไม่ได้งกนะครับแต่มันเป็นทรัพสินย์ทางปัญญา และกระทบกับกฏของ themeforest ด้วยครับ

สารบัญ ตอนที่ 1 MetroEdge Day by day

วันที่ 1 กำหนดแนวทางและเป้าหมาย 15/11/2555
วันที่ 2 Layout และ Planning 16/11/2555
วันที่ 3 วิธี Layout และ Planning ลงกระดาษ 17/11/2555
วันที่ 4-5  วิธี color , font , grid & baseline 18-20/11/2555

[tor]

เข้ามารอ

[darkas]

รอชมข้อมูลครับ  

[arusgroup]

วันที่ 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 ไม่มาก ถ้าจะให้เข้าใจง่ายๆก็คือเป็นตัวหนังสือที่มีขนาดใหญ่ หรือมีขนาดที่ไม่ทำให้รู้สึกว่าพื้นที่ในการแสดงผลแคบ และถ้าข้อความมีความยาวเกินไปก็พยายามซ่อนส่วนที่เกินไปออกเพื่อไม่ให้เสียขนาดของสี่เหลี่ยม

[puensanit]

ขอบคุณมากๆครับ

[abandon-PPC]

อยากได้ วิธี ที่เค้าใช้ๆกัน ในการ demo theme ที่จะขายนะครับ
เห็น แต่ละ theme content ไม่เหมือนกันด้วย
รวบไปถึงเอกสารด้วย ดูแล้ว เยอะจังเลยครับ

[Zaesar]

เข้ามาชมครับ

[nimms]

ปูเสื่อรอ

[flash]

ติดตามด้วยคนครับ ขอบคุณครับ

[อัลฟา]

ขอบคุณค่ะ

[rock4u]

ขอบคุณครับ

[arusgroup]

อยากได้ วิธี ที่เค้าใช้ๆกัน ในการ demo theme ที่จะขายนะครับ
เห็น แต่ละ theme content ไม่เหมือนกันด้วย
รวบไปถึงเอกสารด้วย ดูแล้ว เยอะจังเลยครับ

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

[abandon-PPC]

อยากได้ วิธี ที่เค้าใช้ๆกัน ในการ demo theme ที่จะขายนะครับ
เห็น แต่ละ theme content ไม่เหมือนกันด้วย
รวบไปถึงเอกสารด้วย ดูแล้ว เยอะจังเลยครับ

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

ขอบคุณมากครับ ที่มาแนะแนวครับ -

[thaimakemoney]

ติดตาม เพราะกระหายอยากรู้

[arusgroup]

วันที่ 2 Layout และ Planning @ 16/11/2555

หายคนคงเคยเจิอปัญหาทำงานยังไงก็ไม่จบ ไม่รู้จะเริ่มต้นอย่างไรดี
ในการทำเว็บหลายคนจะเริ่มบน Photoshop แล้วเมือออกแบบไปออกแบบมาจะพบกับปัญหา เพิ่มนู่นนิดนี่หน่อยแล้วสุดท้ายก็ไม่จบหรือปิดงานไม่ได้
และสุดท้ายก็เลิกทำ หรือ จบงานแบบ ที่ไม่เส็จส่งให้ลูกค้าไปและสุดท้ายก็เสียชื่อหรือเสียโอกาศดีดีไป

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


ขั้นตอนที่ 1
Put your thoughts on paper first
ก่อนที่จะทำอะไรนำทุกสิ่งที่คิดลงกระดาษซะ
การเขียน web มันไม่ได้ต่างอะไรกับการสร้างบ้านมากมายนัก คุณเคยเห็น สถาปัท ออกแบบลง auto cad เลยโดยไม่ลงกระดาษก่อนไหม หรือวิศวะ สร้างบ้านโดยไม่ใช้แบบไหมละ อาจจะมีแต่มันน้อยมากที่จะประสพความสำเร็จ ใช้ไหมละครับ มองกลับมาที่งานของเราใช่แล้วครับ เราต้องเขียนลงกระดาษไอ้สิ่งที่เราคิดนี้และทั้งหมดเขียนมันลงไป ก็จะมีคนถามอีกว่าแล้วเราก็ทำงานในคอมนิแล้วจะเขียนลงกระดาษทำไม ก็เพื่อไกด์ตัวเราเองนี้และครับ ไม่ไห้มั่วและวอกแวก เป็นแผนงานของเราเอง หลายท่านก็เขียนไม่เก่ง ผมก็เช่นกันเขียนแล้วเหมือนตัวหนอนออกรบกัน แต่เขียนไห้ตัวเราอ่านออกก็พอครับ ผมจะใช้เวลากับการออกแบบและเขียนลงบนกระดาษนี้นานพอสมควรเพื่อให้ได้งานที่ดีและมีคุณภาพ ครับ

[aeggarut]

สู้ๆครับ idea ดี มีการวางแผน เนื้อหาเป็นประโยชน์ 

[cyberwizard]

ขอบคุณครับ เดี๋ยวผมจะลองทำไปพร้อมคุณเลย ^^

[tanin]

ขอให้ธีมขายดีๆ ครับ ขอติดตามความรู้ครับ 

[arusgroup]

ขอบคุณครับ เดี๋ยวผมจะลองทำไปพร้อมคุณเลย ^^

ครับ เดินไปด้วยกันได้เลยครับ 

[en365days]

ติดตามครับ