ความแตกต่างของการออกแบบเว็บไซต์จากโปรแกรม และ ฟรีซอฟท์แวร์ (Wordpress)

ข้อแตกต่างในการออกแบบเว็บไซต์ในโปรแกรมคอมพิวเตอร์ กับ การใช้ฟรีซอฟท์แวร์สำเร็จรูป (WordPress)

       การทำเว็บไซต์ด้วยโปรแกรมคอมพิวเตอร์

            

                ข้อดี 

                     1. สามารถเลือกหรือปรับขนาดรูปภาพได้ตามที่ต้องการ

                     2. สามารถเลือกการจัดวาง Lay Out ได้ตามที่ต้องการ

                     3. มีความหลากหลายในการปรับแต่ง Code  

                ข้อเสีย

                     1. ค่อนข้างจะยุ่งยาก ในการใช้งาน

                     2. ต้องศึกษาการใช้โปรแกรมในการใช้เมนูต่างๆ

                     

       

        การออกแบบเว็บไซต์ฟรีซอฟท์แวร์สำเร็จรูป

                  ข้อดี

                      1. มีความหลากหลายในการเลือกใช้ธีม

                      2. สามารถเห็นรูปแบบหน้าเว็บก่อนทำ

                      3. เลือกหรือจัดวางรูปภาพได้หลายรูปแบบ

                      4. ใช้งานง่ายและ สะดวก รวดเร็ว

                  

                  ข้อเสีย

                      1. ไม่สามารถปรับขนาดรูปภาพได้ตามที่ต้องการนัก

                      2. เพราะเป็นการทำเว็บไวต์สำเร็จรูปจึงมีขีดจำกัดในการสร้างเอฟเฟคที่ต่องการ

                      3. รูปแบบหรือธีมฟรีมีไม่มากเท่าไหร่ ต้องเสียค่าบริการในใช้ธีมที่ดี

WordPress

                                 WordPress

      WordPress คือ โปรแกรมสำเร็จรูปที่มีไว้เพื่อสร้างและจัดการเนื้อหาบนอินเตอร์เน็ต    (Contents Management System หรือ CMS) กล่าวคือ แทนที่เราจะดาวโหลดโปรแกรมมาทำการสร้างและออกแบบเว็บไซต์บนเครื่องคอมพิวเตอร์ของเราอย่างเช่น Macromedia Dreamwaver, Microsoft Fontpage (มีใครทันรึเปล่า) เป็นต้น แต่CMS นั้นถูกสร้างมาเพื่อใช้งานบนอินเตอร์เน็ตโดยตรง หมายความว่าเมื่อคุณจะใช้งานโปรแกรมนี้ คุณก็สามารถใช้ได้ทันทีผ่านอินเตอร์เน็ต เพียงแค่คุณล็อกอินเข้าสู่ระบบจัดการของ CMS นั้นๆ บางคนอาจจะคุ้นหูกับ cms เจ้าอื่น เช่น joomla, simple machines, open cart, magento เป็นต้น

ข้อดีของ CMS ก็คือ สะดวกต่อการใช้งาน คุณไม่ต้องเริ่มสร้างเว็บจาก 0 ไม่จำเป็นต้องมีความรู้ทางโปรแกรมเมอร์ เพราะระบบมีทุกอย่างไว้ให้ คุณมีหน้าที่เพียงแค่ใส่เนื้อหาของคุณเข้าไป

ข้อเสียของ CMS คือ บางครั้งก็อาจมีมากเกินความจำเป็น

WordPress ประกอบด้วยอะไรบ้าง

     WordPress เขียนด้วยภาษา PHP และใช้ Apache, MySQL และ PhpMyAdmin ในการรันเป็นเซิฟเวอร์ คุณสามารถลองใช้ โปรแกรม DesktopServer เพื่อจำลองเซิฟเวอร์สำหรับติดตั้งและใช้งาน WordPress ได้ เพราะ WordPress นั้นจะรันอยู่บนฝั่งเซิฟเวอร์ เราจึงต้องมีเครื่องมือจำลองเซิฟเวอร์ซะก่อน

WordPress Core คือ ตัวขับเคลื่อนหลัก เปรียบเสมือนเครื่องยนต์หลักของรถทุกคัน โดยเราสามารถดาวน์โหลด WordPress เวอร์ชั่นล่าสุดได้ที่ WordPress.org และ th.wordpress.org สำหรับเวอร์ชั่นภาษาไทย

Themes

เป็นส่วนแสดงผลภายนอก แล้วยังมีฟังชั่นเสริมต่างๆ มาด้วย เปรียบเสมือนดีไซน์ของรถซึ่งแต่ละบริษัทก็จะออกแบบมาแตกต่างกัน มีฟังชั่นพิเศษต่างกัน มีทั้งธีมฟรีและธีมแบบพรีเมี่ยม เราสามารถดาวน์โหลดธีมฟรีได้จาก https://wordpress.org/themes/ ซึ่ง เป็นแหล่งรวมธีมจากนักพัฒนาทั่วโลกส่งธีมของตัวเองขึ้นไปใ้เราสามารถติดตั้ง ใช้ได้ฟรีจากหน้าควบคุมของ WordPress เลย หรือใช้ Google ในการเสริช WordPress Free Theme แล้วตามด้วยประเภทของธีมที่ต้องการ เช่น WordPress Free Fashion Theme เป็นต้น สำหรับเว็บที่ทำธีมแบบพรีเมี่ยมมาขายก็มีเยอะเช่นกัน นอกจากนี้ยังมีตลาดธีมที่ใหญ่ที่สุด คือ Themeforest.net ที่มีธีมมากกว่า 6,000+ ธีม ให้เราเลือกซื้อและดาวน์โหลด ข้อแตกต่างระหว่างธีมฟรีและพรีเมี่ยมนั้น นอกจากในเรื่องของฟังชั่นเสริมแล้ว ยังมีในเรื่องของการซัพพอร์ตจากคนเขียนธีม การอัพเดต ที่ธีมแบบพรีเมี่ยมจะให้ได้มากกว่าPlugins

ความแตกต่างระหว่าง WordPress.com และ WordPress.org

    wordpress.com นั้นก็เหมือนกับผู้บริการบล็อกฟรีทั่วไป เช่น Blogger ของ Google, Tumbr หรือแม้แต่ของไทยอย่าง Bloggang ของเว็บ Pantip โดย WordPress ก็จะให้บริการพื้นที่ฟรีสำหรับการเขียนบล็อก โดยก็จะมีรูปแบบของเว็บที่เรียกว่า ธีม ให้เราเลือกหน้าตาเว็บไซต์ และมีโดเมนให้พร้อม โดยเหมือนบล็อกทั่วไป ที่โดเมนเรานั้นก็จะมี .wordpress.com ต่อท้าย แต่คุณแทบจะไม่มีความยืดหยุ่นในการปรับแต่งมากนัก ถึงแม้จะเสียค่าบริการรายปี คุณอาจจะได้แค่ปรับแต่ง CSS และสีสันหรือตัวหนังสือในบางตำแหน่งเท่านั้น และจำนวนธีมที่คุณสามารถใช้ได้ก็ยังมีจำนวนจำกัด 

wordpress.org โดยจะมีลักษณะเหมือนกับ WordPress.com แทบทุกประการ เพียงแต่ WordPress.org นี้ จะนำเอาตัวหลักที่อยู่เบื้องหลังการขับเคลื่อน WordPress.com ออกมาให้เราดาวน์โหลดไปใช้งาน โดยเราจะต้องไปหาส่วนประกอบอื่นๆ เอง ทั้งพื้นที่ (โฮ้สต์) โดเมน ธีม และปลั๊กอิน แต่ข้อดีของมันก็คือ เราสามารถที่จะปรับแต่งได้แบบอิสระ ขึ้นอยู่กับความสามารถของผู้ปรับแต่งเอง ซึ่งเว็บของเราก็จะพยายามช่วยให้ผู้อ่านสามารถปรับแต่ง WordPress ได้โดยใช้โค้ดให้น้อยที่สุด ซึ่งแม้ว่าคุณจะไม่ได้ศึกษามาทางด้านโค้ดโปรแกรม คุณก็จะสามารถมีเว็บไซต์เป็นของตัวเองสวยๆ ได้ง่ายๆ แน่นอน

Website Designs

KAB PHOTOGRAPHER

Website: Kab Photographer

About: Photographer

Logo Website

Concept Logo

    เส้นสีขาวด้านบน มาจากการตัดทอนตัวอักษรจากคำว่า “กั๊บ” โดยตัดสระออกไปแล้วนำ “ก” และ “บ” มาเชื่อมเข้าหากัน ส่วนวงกลมด้านใน มาจากรูปทรงของเลนส์กล้องถ่ายภาพ

Concept Designs 

สี Background ของเว็บใช้สีขาว CMYK#FFFFFF เพื่อให้สอดคล้องกับ Concept ของภาพถ่ายคือ ขาว ดำ ซึ่งทำให้ภาพถ่ายนั้นดูเด่นชัดมากขึ้น ทำให้ดูสบายตา สีบนหัวเว็บใช้โทนสีของภาพ Label แทบ ใช้สีฟ้าโทนเขียว CMYK #516b69

ใช้เครื่องมือ Pen Tool ลบสีของ Label เพื่อให้ดูมีมิติ

ปุ่มกดของหน้า Page ใช้สีขาว CMYK #FFFFFF แล้วปรับ Layer Style

Outer Glow แล้วอยู่ที่ Page นั้นตัวอักษรเป็นสีฟ้า แล้วปรับในส่วนของเบลอ Drop Shadow เวลาที่จะกดปุ่ม

หน้า Home,Index

หน้า Photo Gallery 

หน้า About

หน้า Contact

 

แปรสรุปข่าวสารด้านเทคโนโลยีเพื่อการออกแบบนิเทศศิลป์

         

Adobe Ink and Slide

          ภาพจาก ( http://www.theverge.com/2014/6/18/5818192/adobe-ink-and-slide-review )

         Adobe ได้เปิดตัวปากกาและไม้บรรทัดรุ่นล่าสุด ในราคา $ 199.99 หรือประมาณ 7,138 บาท เครื่องมือสองชิ้นนี้ สามารถวาดภาพได้เหมือนดั่งปากกาหมึกทั่วไป และ ไม้บรรทัดที่บูรณาการอย่างลึกซึ้ง ด้วยการจับคู่กับแอพพลิเคชั่นใหม่ของ iPad  ซึ่งได้มีการพัฒนาร่วมกัน พวกเขากำลังทำให้ การวาดภาพดิจิตอล เป็นสิ่งที่ ง่ายดาย และ เกิดความสนุกสนาน และทาง Adob​​e ยังได้จัดทำซอฟแวร์สำหรับมืออาชีพอย่างต่อเนื่อง ซึ่งฮาร์ดแวร์ไม่ได้แตกต่างกันมากนัก

         ด้วยคุณสมบัติที่มีประสิทธิภาพของปากกา Adob​​e นั้นจะทำให้พวกคุณสามารถใช้งานได้เหมือนเครื่องมือของนักออกแบบ

อ้างอิงจาก ( http://www.theverge.com/2014/6/18/5818192/adobe-ink-and-slide-review )

Learn & Support

 iPad :   iPad 4+, iPad Air 1, iPad Mini or iPad Mini with Retina display.

Apps :   Adobe Illustrator Draw and Photoshop Sketch.

อ้างอิงจาก ( https://helpx.adobe.com/ink-and-slide/help/ink-slide-faq.html )

วีดีโอจาก ( https://www.youtube.com )