รับทำเว็บ บริการ รับทำเว็บสไตล์เกาหลี โปรโมชั่น รับทำเว็บ สั่งทำเว็บไซต์เกาหลี สั่งทำเว็บไซต์เกาหลี เว็บบอร์ด รับทำเว็บสั่งทำเว็บไซต์เกาหลี แบบฟอร์มทำเว็บไซต์เกาหลี ผลงาน รับทำเว็บ
รับทำเว็บ
 
 

รับทำเว็บ ♥ iChicweb

mod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_countermod_vvisit_counter
mod_vvisit_counterToday1
mod_vvisit_counterThis month5773
mod_vvisit_counterAll days1582439

วันที่เปิดเว็บ : 10/06/2010 ❤

Login ♥






ลืมรหัสผ่าน?
ลืมชื่อผู้ใช้ของคุณ?
ไม่มีบัญชีผู้ใช้? ลงทะเบียน

คำรับรองจากลูกค้า :: iChicweb

ผลงานรับทำเว็บ iChicweb ♥

★ รับข่าวสาร Update!! จากเรา

Name:

Email:

เพื่อนบ้านที่น่ารั๊ก ♥ จุ๊ฟๆ

สนใจเป็นเพื่อนบ้านกับ iChicWeb ติดต่อได้ค่า

แลกลิงค์ Banner 120x120

fashion

Copy Code แลกลิงค์ไปติดที่เว็บของคุณ
เรามี 716 บุคคลทั่วไป และ 1 สมาชิก ออนไลน์
  • qsyalquinn
Google PageRank Checker

 
 
 
 
 

วันอาทิตย์ที่ 06 พฤศจิกายน 2011 เวลา 21:51 น.

กฎ 23 ข้อ" ทำให้เว็บน่าสนใจ

 

เป็นกฎง่ายๆ ที่บางครั้งเหมือนเส้นผมบังภูเขา ทำตามได้ไม่ยาก เพื่อให้เว็บไซต์เป็นที่ดึงดูดของผู้ใช้มากที่สุด

 

 กฎ 23 ข้อดังต่อไปนี้ เป็นการวิจัยของ 3 สถาบัน ได้แก่ The Poynter Institute, the Estlow Center for Journalism & New Media, และ Eyetools ภายใต้โครงการ The Eyetrack III ซึ่งศึกษาถึงกลยุทธ์การออกแบบเว็บไซต์เพื่อดึงดูดความสนใจของผู้ใช้ให้มากที่สุด

 

1.ตัวอักษรดึงดูดความสนใจได้เร็วกว่าภาพหรือกราฟฟิค

 

2.จุดแรกที่สายตามองคือ มุมซ้ายบนของหน้าเว็บ

 

3.ผู้ใช้จะมองไปที่มุมซ้ายบนของเว็บไซต์ ก่อนที่จะเลื่อนสายตาลงมาด้านล่างขวาเรื่อยๆ

 

4.ผู้ใช้ส่วนใหญ่ไม่สนใจมองแบนเนอร์โฆษณา

 

5.รูปแบบเว็บไซต์และตัวอักษรที่มีสีสันสะดุดตา มักไม่ได้รับความสนใจจากผู้ใช้

 

6.แสดงข้อมูลเป็นตัวเลข จะดึงดูดสายตามากกว่าเขียนเป็นตัวอักษร

 

7.ขนาดตัวอักษรมีผลต่อพฤติกรรมการใช้เว็บ โดยตัวอักษรเล็กๆ จะทำให้คนอ่านอย่างละเอียด ขณะที่ตัวอักษรใหญ่ ทำให้คนมองเป็นอันดับแรก

 

8.คนส่วนใหญ่อ่านพาดหัวรอง ในกรณีที่น่าสนใจจริงๆ

 

9.คนมักจะอ่านส่วนล่างของหน้าเว็บแบบผ่านๆ

 

10.ประโยคหรือย่อหน้าสั้นๆ ดึงดูดความสนใจของคนอ่านมากกว่า

 

11.รูปแบบเว็บไซต์ที่มีแถวแนวตั้งแถวเดียว ดึงดูดสายตามากกว่าหลายแถว

 

12.แบนเนอร์โฆษณาที่อยู่บริเวณบนสุดและซ้ายสุด จะดึงดูดสายตามากที่สุด

 

13.การวางโฆษณาใกล้กับคอนเทนท์ที่ดีที่สุด จะได้รับความสนใจจากผู้ใช้ค่อนข้างมาก

 

14.โฆษณาแบบตัวอักษรได้รับความสนใจมากกว่าโฆษณาแบบภาพหรือกราฟฟิค

 

15.ภาพยิ่งใหญ่ ยิ่งดึงดูดความสนใจได้มาก

 

16.ภาพที่ชัด ดูง่าย และถ่ายบุคคลจริงๆ จะได้รับความสนใจจากคนดู มากกว่าภาพประเภทดีไซน์จัดๆ ภาพนามธรรม (abstract) หรือภาพนายแบบ-นางแบบ

 

17.หน้าเว็บไซต์ก็เหมือนหน้าหนึ่งหนังสือพิมพ์ เพราะฉะนั้น พาดหัวจะได้รับความสนใจมากที่สุด

 

18.คนส่วนใหญ่มักจะสนใจหัวข้อและเมนูต่างๆ ในเว็บไซต์

 

19.ถ้ามีบทความยาวๆ ในเว็บไซต์หรือบล็อก หากแยกเนื้อหาออกเป็นข้อๆ จะได้รับความสนใจจากผู้อ่านมากขึ้น

 

20.ผู้ใช้มักจะไม่อ่านบทความที่ติดกันยาวๆ หลายบรรทัด ดังนั้น ถ้าบทความยาวมาก ควรแตกเป็นย่อหน้าย่อยๆ

 

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

 

22.เว้นที่ว่างบนหน้าเว็บบ้างก็ดี ไม่ต้องใส่ข้อมูลหรือภาพบนทุกอณูของเว็บก็ได้

 

23. ปุ่ม navigation ควรวางไว้บนสุดของหน้าเว็บ เพื่อช่วยเหลือผู้ใช้ได้ง่ายที่สุด

 

ที่มา กรุงเทพธุรกิจ http://www.bangkokbiznews.com/2008/08/31/news_289696.php

 


 
วันอาทิตย์ที่ 06 พฤศจิกายน 2011 เวลา 21:45 น.

วิธีใส่ favicon ให้เว็บไซต์คุณ

favicon.ico เป็นการแสดงสัญลักษณ์ของเว็บเราบน address barของ browser ดังรูปตัวอย่างนั้นมีวิธีการง่ายๆ โดยการเตรียมรูปที่เป็นไฟล์ .png .gif หากต้องการให้พื้นโปร่ง หรือหากไม่มีก็ใช้ไฟล์ .jpgก็ได้เช่นกัน ไฟล์ควรเป็นโลโก้ ไม่ควรมีรายละเอียดมาก เนื่องจากรูปที่ได้จะมีขนาดเล็กมาก แค่ 16x16 เท่านั้น

จากนั้น ไปที่เว็บ http://tools.dynamicdrive.com/favicon/

Image to create icon

คลิ๊ก Browse.. เพื่อเลือกไฟล์โลโก้ที่เราเตรียมไว้ ขนาดไม่เกิน 150.00 kB จากนั้นคลิ๊ก Create Icon

Download favicon

รอสักพักเราก็จะได้ไฟล์ favicon.ico มาให้คลิ๊กที่ Download FavIcon

การนำไปใช้งาน

การเปลี่ยนfavicon.ico ของจูมล่า1.5 จะถูกกำหนดที่แทมเพลต ที่เราใช้งาน โดยนำไฟล์ favicon.ico ไปวางไว้ในโฟลเดอร์ของแทมเพลตนั้นๆ เช่น หากเราใช้ templates ชื่อ ja_purity ให้นำไปไว้ที่ templates\ja_purity ทับไฟล์เดิมที่มีอยู่

หรือไปเพิ่มCodeด้านล่าง ลงไปใน ไฟล์ index.php ของแทมเพลตของคุณ


<link href="/templates/ชื่อโฟลเดอร์ของแทมเพลตที่ใช้งาน/favicon.ico" rel="shortcut icon" type="image/x-icon" />

โดยวางไว้ก่อน ปิด

</head>
 

* การเปลี่ยนอาจใช้เวลานิดหหน่อยอาจจะติด แคชหรือ คุกกี้ ทำให้เห็นเป็นอันเดิม

 

ขอบคุณบทความดีๆจาก :: 
http://www.colorpack.net/host-articles/cms-web-tip/favicon-address-bar.html

วันอาทิตย์ที่ 06 พฤศจิกายน 2011 เวลา 21:40 น.

วิธีการทำ SEO : On-page / Off-page Optimization

 เราจะแบ่งการทำ SEO ออกเป็น 3 ส่วน คือ

1. On-page Optimization

การปรับแต่งเว็บเกี่ยวกับปัจจัยภายใน หรือส่วนต่างๆ ของหน้าเว็บ ได้แก่ การวางโครงสร้างเว็บ การเขียนโค้ดในหน้าเว็บเพจ การเขียนเนื้อหาให้เหมาะกับ Search Engine  และการกระจายคีย์เวิร์ดในส่วนต่างๆ  

  • ตั้งชื่อ Title ของหน้าเว็บว่าเกี่ยวกับเรื่องอะไร และไม่ซ้ำกันในแต่ละหน้า (Title Tag)
  • ใช้ Meta keyword และ description ข้อความอธิบายเกี่ยวกับเว็บไซต์ (Meta Tag)
  • การปรับปรุงโครงสร้าง URL ของเว็บ (การกำหนดรูปแบบ URL, การตั้งชื่อ Directory, Files)
  • ทำระบบนำทางในเว็บไซต์ให้ใช้งานง่าย
  • การเขียน เรียบเรียงเนื้อหาให้เหมาะกับการทำ SEO
  • การทำลิงค์เชื่อมโยงเนื้อหา
  • การใช้แท็กหัวข้อให้เหมาะสม (Heading Tag)
  • การเน้นคำ (Bold/Strong Tags)
  • การใช้ลิสต์รายการ
  • การใช้รูปภาพอย่างเหมาะสม ไม่ลืมที่จะใส่คำอธิบาย
  • การป้องกันข้อมูลในเว็บไซต์ด้วย robots.txt

2. Off-page Optimization 

การปรับแต่งเว็บเกี่ยวกับปัจจัยภายนอก ได้แก่ เรื่องของการประชาสัมพันธ์เว็บ และการสร้างลิงค์เข้ามายังเว็บไซต์

  • การแนะนำเว็บให้ Search Engine รู้จัก (Search Engine Submission)
  • การทำ Search Engine Sitemap
  • ประเภทของลิงค์
  • One Way / Two Way links
  • Dofollow / Nofollow link
  • การควบคุมปริมาณลิงค์เข้า (Inbound link) และลิงค์ออก (Outbound link)
  • การสร้างลิงค์เข้ามายังเว็บไซต์ (Backlink)
  • โปรโมทเว็บในเว็บไซต์อื่น (Web Directory Submission)
  • โปรโมทบทความหรือเนื้อหา (Article Submission /Social Bookmark)
  • แลกลิงค์กับเว็บไซต์อื่น

3. การตรวจสอบและติดตามผลการทำ SEO

หลังจากทำ SEO แล้ว ก็ไม่ควรลืมตรวจสอบผลการทำ SEO ว่าได้ผลเป็นอย่างไร ได้ผลตามเป้าหมายหรือไม่ 

  • สถิติเว็บไซต์ : จำนวนผู้ใช้งาน, แหล่งที่มา และคีย์เวิร์ดที่ผู้ชมใช้ค้นหา มาเจอเว็บไซต์เรา
  • การตรวจสอบอันดับ
  • การตรวจสอบปริมาณลิงค์ 
  • การวิเคราะห์คู่แข่ง

ขอบคุณบทความดีๆจาก ::  http://www.enjoyday.net/seo-on-page-seo-off-page.html

 

วันอาทิตย์ที่ 06 พฤศจิกายน 2011 เวลา 21:29 น.

ออกแบบเว็บเพจอย่างไรให้ดูดี (Web 2.0 Design)

 Web 2.0 Design  ส่วนประกอบของดีไซน์ยุคใหม่นั้นมีอะไรกันบ้าง

เรียบง่าย

ความเรียบง่ายหมายถึงการใช้จำนวน pixel ตามที่ต้องใช้เพื่อให้สื่อสารสิ่งที่ต้องการให้ได้และในการสื่อสารนั้นก็ประกอบไปด้วย ข้อมูลหลัก hard data และ เนื้อหาที่ซ่อนอยู่ soft information

ตัวอย่างของข้อมูล

  • Hard data – ข้อมูล สาระ เนื้อหาสำคัญที่ต้องการจะสื่อ เช่น ข่าว ราคาสินค้า ตารางเวลารถไฟ
  • Soft Information – ความรู้สึก บรรยกาศของหน้าเว็บ เปรียบเทียบได้กับความรู้สึกเมื่อแรกพบของผู้ชมที่มีต่อเว็บ ว่าน่าไว้ใจแค่ไหน จะเหมาะสมกับผู้ใช้หรือไม่

ตัวอย่างที่ดี

 

ดี เพราะ ละเอียด ตื่นตา น่าสนใจ แต่ก็เรียบง่ายในขณะเดียวกัน

ตัวอย่างที่ไม่ดี



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

เนื้อหาอยู่กึ่งกลาง

จากที่เคยกล่าวถึงไปเมื่อบทความก่อนหน้านี้ evolution of css layout ว่าหน้าเว็บในปัจจุบันเริ่มถูกออกแบบให้มีเนื้อหาอยู่กึ่งกลาง ตอนนี้เราก็สรุปได้แล้วว่าการวางเนื้อหาไว้ตำแหน่งกลางหน้าเว็บนั้น เป็นหลักการออกแบบที่ดีของดีไซน์ยุค 2.0

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

น้อยคอลัมน์

เมื่อไม่กี่ปีก่อนเราจะเห็นหลายๆเว็บแบ่งเนื้อหาในหน้าเว็บเป็น 3-4 คอลัมน์ แต่ปัจจุบันส่วนใหญ่จะใช้แค่ 2 คอลัมน์ หรืออย่างมากก็ 3 เข้าข่ายยิ่งน้อยยิ่งดี ซึ่งเป็นผลพวงมาจากการที่จัดให้หน้าเว็บอยู่กึ่งกลางจอด้วย ทำให้เราไม่ต้องบรรจุเนื้อหาให้เต็มหน้าจอ และเราก็ไม่จำเป็นต้องใช้คอลัมน์จำนวนมากในการสื่อสาร แค่ใช้คอลัมน์ที่จำเป็น ที่ได้เลือกและคัดสรรค์มาแล้ว ทำให้เรียบง่ายกว่า ตรงไปตรงมา และสื่อสารได้มีประสิทธิภาพมากว่า

ตัวอย่างที่ดี


ดี เพราะ คอลัมน์ที่เลือกใช้ เป็นคอลัมน์ที่ได้คัดสรรค์เลือกมาอย่างดีแล้ว ว่าคอลัมน์นั้นๆเป็น คอลัมน์ที่จำเป็นต้องมี

 

ตัวอย่างที่ไม่ดี


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

 

ตัวอย่างที่ใช้หลายคอลัมน์ได้


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

แยกส่วนหัวของหน้าเว็บอย่างชัดเจน

หมายถึงการทำให้ส่วนหัวของหน้าเว็บซึ่งหมายถึงส่วนโลโก้และเมนู โดดเด่นขี้นมาจากส่วนอื่นๆ

เทคนิคนี้ไม่ใช่อะไรที่ใหม่ มีการประยุกต์ใช้มานานแล้ว เพราะเป็นเทคนิคที่ดี แต่ปัจจุบันมีการนำมาใช้มากขึ้นเป็นพิเศษ และได้มีการแบ่งสัดส่วนอย่างขัดเจนมากขึ้นดังเช่นตัวอย่างต่อไปนี้


 

การแบ่งสัดส่วนหัวของหน้าเว็บไว้อย่างชัดเจนนั้นดีตรงที่ ได้แบ่งสัดส่วนให้แน่ชัดว่าส่วนไหนคือส่วนเริ่มของหน้าเว็บ ซึ่งเป็นการเน้นหลักการดีไซน์สไตล์ยุค 2.0 ที่ต้องการแสดงเนื้อหาอย่างหนักแน่น เรียบง่ายและตรงไปตรงมา

และการแยกส่วนหัวของหน้าเวปนั้นสามารถทำได้หลายวิธีเช่น ใช้สีที่โดดเด่นแตกต่างจากเนื้อหาที่เหลือดังเช่นตัวอย่างข้างต้น หรือจะใช้เส้นขีดแบ่งดังตัวอย่างต่อไปนี้ก็ได้

 

 

หรือจะแค่วางโลโก้ไว้ข้างนอกเนื้อหาดังตัวอย่าง

 

แยกส่วนต่างๆของหน้าเว็บอย่างชัดเจน

ส่วนต่างๆของหน้าเว็บประกอบไปด้วย

  • เมนู
  • พื้นหลัง
  • เนื้อหา
  • ส่วนอื่นๆ
  • ลิงค์

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


แต่การใช้ช่องว่างก็สำคัญไม่แพ้กัน

 

ข้อควรระวังของการเล่นสีคือ สีสรรคต่างๆจะดึงดูดความสนใจไปจากเนื้อหาที่สำคัญ ดังนั้นการวางเนื้อหาลงบนผืนผ้าใบที่ขาวสะอาดจะช่วยให้ผู้ชมรู้สึกผ่อนคลายมากขึ้น

 

.

 

เมนูเรียบง่าย

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

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

  • ตอนนี้อยู่ที่จุดไหนแล้ว
  • สามารถไปที่ไหนได้อีก
  • แสดงทางเลือกต่างๆให้ชัดเจน

เราสามารถทำให้เมนูดูโดดเด่นได้โดย

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

สิ่งสำคัญคือต้องทำให้ลิงค์และเมนูดูโดดเด่นแตกต่างจากเนื้อหาส่วนที่ไม่ได้เป็นลิงค์

 

โลโก้ตัวหนา

สอดคล้องไปกับหลักการดีไซน์ยุค 2.0 เพื่อสร้างภาพลักษณ์ที่ชัดเจนและหนักแน่น

ตัวอย่างโลโก้ดังต่อไปนี้เป็นขนาดจริง สังเกตุได้ว่าขนาดจะค่อนข้างใหญ่

 

คุณสมบัติของโลโก้

  • แสดงออกให้มองเห็นได้อย่างชัดเจน
  • จำได้ง่ายและแตกต่าง
  • เป็นตัวแทนภาพลักษณ์

 

ตัวอักษรตัวใหญ่

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

การใช้ตัวอักษรตัวใหญ่ทำให้เราสามารถเข้าถึงกลุ่มเป้าหมายได้มากขึ้น ไม่ว่าจะเป็นคนสายตาสั้น ผู้อ่านที่อ่านผ่านๆ ผู้คนที่นั่งห่างไกลจากจอ หรือผู้ใช้จอ LCD ภายใต้แสงแดด



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


ตัวอักษรแนะนำตัวหนา

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

 

แนะนำให้ใช้เมื่อเป็นสโลแกนหลักเท่านั้น

 

สีสันสดใส

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


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

 

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

 

มีลูกเล่นบนพื้นผิว

ลูกเล่นต่างๆบนพื้นผิวไม่ว่าจะเป็นการเล่นแสงเงาหรือการไล่สีให้เป็นสามมิติเล็กน้อย ทำให้ภาพกราฟฟิคต่างๆดูเสร็จสมบูรณ์เรียบร้อยและดูเสมือนวัตถุจริง ไม่ว่าจะเป็น คาร์บอนไฟเบอร์


หรือพลาสติกเงา

 

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

ไล่เฉดสี

การไล่เฉดสีสามารถ สร้างมิติ และ กำหนดบรรยากาศของหน้าเว็บได้

 

มีการนำมาใช้ให้ดูเป็นเงา หรือนำมาใช้บนปุ่มเมนู

 

 

เงาสะท้อน

มีหลักๆอยู่ 2 แบบคือ

  • เงาสะท้อนบนพื้นผิวของตัววัตถุเอง
  • และเงาสะท้อนบนพื้นผิวที่วัตถุวางอยู่
     

หรือจะนำมาประยุกต์ใช้ให้วัตถุมีเงาสะท้อนบนกลับไป บนพื้นผิวของตัววัตถุเอง ก็จะได้ภาพกราฟฟิคที่น่าสนใจและสวยงาม

 

.

 

Icon น่ารัก

ไอคอนต่างๆมีบทบาทมากขึ้นในดีไซน์ยุค 2.0 ปัจจุบันเราเลือกที่จะใช้ไอคอนจำนวนน้อยลง แต่มีความหมายมากขึ้น

การใช้ไอคอนจะมีประโยชน์ก็ต่อเมื่อมองออกได้ง่าย และสื่อสารความหมายได้อย่างชัดเจน

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

เราจะนำไอคอนมาใช้ในจุดที่สำคัญเท่านั้น

 

ป้ายดาว

ควรใช้เพื่อดึงดูดสายตาไปยังสิ่งที่สำคัญจริงๆเท่านั้น และไม่ควรใช้เกิน 1 ดาวต่อ 1 หน้า



 

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

แปลและอ้างอิงจาก
http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm

 

ขอขอบคุณที่มา : 

 

วันอังคารที่ 11 สิงหาคม 2009 เวลา 18:55 น.

♥ ขั้นตอนการชำระเงิน

--จ่ายเงินตอนไหนจ๊ะ ?


ลูกค้าต้องชำระเงินก่อน 50% ~ จึงจะเริ่มจัดทำให้ค่ะ โอนปุ๊บ จัดทำให้ทันที !!
( ต้องเข้าใจหัวอกคนทำหน่อยนะคะ เพราะเคยรับทำเว็บจนเสร็จ แต่ลูกค้าดันเบี้ยวซะนี่
ไม่ได้เงินแถมยังเีสียทั้งเวลาและความรู้สึกค่ะ TT ,, )

<< เริ่มแรก < ย้อนกลับ 1 2 ถัดไป > สุดท้าย >>
JPAGE_CURRENT_OF_TOTAL
 
 
 
 
 
 

คุยสดๆกับเราที่นี่!!
รับทำเว็บเกาหลี