Tài liệu MỘT SỐ ĐIỂM CẦN CHÚ Ý KHI THIẾT KẾ WEB pptx

MỘT SỐ ĐIỂM CẦN CHÚ Ý KHI THIẾT KẾ WEB
Dưới đây là một số kinh nghiệm trong quá trình thiết kế website, rất có ích đối với các bạn
mới bước vào nghề, mời các bạn tham khảo:
Mẫu thiết kế sử dụng kích thước thật của màn hình với khung hình chuẩn của web theo chiều ngang
là 778px. Phần lớn người xem vẫn xem ở mode màn hình 800x600, ngoại trừ một số trường hợp đặc biệt có
thiết kế riêng.
Sử dụng Mode màu RGB vì web chỉ hiển thị trên màn hình.
Nếu dùng Photoshop để dựng layout, yêu cầu bắt buộc phải dùng Folder Set để quản lý layer, vì
mỗi website khi thiết kế hoàn chỉnh, có hàng trăm layer.
Việc dùng Flash cũng cần phải cân nhắc với những website thông tin vì nó chỉ thu hút người xem
vào những lần truy cập đầu, sau đó sẽ chỉ làm cho website nặng lên không cần thiết. Khi làm file flash lớn,
cần phải có phần loading.
Khi thiết kế, cần đưa tương đối đầy đủ nội dung với màu sắc, font chữ đúng với website sau này.
Khi đặt nội dung, nên để font chữ ở chế độ Smooth là none, ko nên để là Crisp vì khi ra kết quả cuối cùng
(web page) sẽ khác với thiết kế.
Không sử dụng các font chữ không chuẩn cho nội dung website, vì nếu máy người xem không có
font đó thì sẽ hư toàn bộ layout. Nếu website sử dụng tiếng Việt, nên sử dụng các font Unicode chuẩn như
Arial, Verdana, Tahoma, Times News Roman.
Các website thương mại nên hạn chế sử dụng các đường cong, hình ảnh lớn, background lớn
chiếm diện tích thông tin của website trừ khi có thể quản lý chúng. Việc sử dụng đường cong hay
background sẽ gây rất nhiều trở ngại khi chuyển qua HTML.
Cần nghĩ qua về việc làm sao chuyển chúng thành HTML trước khi thiết kế một thành phần nào.
Thiết kế web cần tính toán làm sao để tương thích với cấu trúc HTML của website, nếu không, khi
phân tích ra thành các trang web HTML sẽ trở nên rất khó khăn cho việc xây dựng nội dung cũng như lập
trình.
Trước khi thiết kế, cần có sitemap cụ thể, để việc trình bày thông tin trở nên rõ ràng, dễ thuyết phục
người duyệt mẫu. - Nên xem mẫu thiết kế trên các loại màn hình khác nhau, tốt nhất trên màn hình CRT
bình thường, vì đây là màn hình của người sử dụng. Tránh việc duyệt mẫu, xem mẫu bằng giấy in láng
(hoặc rửa hình), hoặc màn hình laptop, LCD. - Màu sắc website cần nhẹ nhàng, phù hợp với mục đích của
website, thông tin rõ ràng.
Cần có một mẫu GUI Logic trước khi bắt tay vào thiết kế, GUI Logic này cần được duyệt qua bởi

Người đối tác. GUI Logic là bản thiết kế thô, bao gồm các vị trí của các thành phần trên website, người thiết
kế sẽ dựa trên đó để làm graphic. Bản GUI Logic này được tính toán trước về mặt thẩm mỹ và quan trọng là
usabilities.
Chuyển trang web thành HTML
+ Sau quá trình thiết kế web là quá trình phân tích, chuyển đổi mẫu thiết kế thành trang web HTML,
cần theo các yêu cầu cụ thể sau:
Chương trình dựng trang web, chương trình thích hợp nhất là Macromedia Dreamweaver, vì đây là
chương trình do rất nhiều lập trình viên đang sử dụng để code trực tiếp, tuyệt đối không dùng Frontpage.
Frontpage có thể giúp đơn giản cho người sử dụng nhưng việc sinh mã HTML rất phức tạp, đặc biệt là sinh
ra những mã HTML ko cần thiết và gây rối cho người lập trình.
Cắt web html cần có độ tỉ mỉ cao, nếu thiết kế mẫu layout, mất từ 4->8h (không tính thời gian sáng
tạo), thì việc cắt web mất từ 2->4h một trang
Khâu thiết kế và khâu cắt web có vai trò rất quan trọng, vì sẽ tiết kiệm được thời gian cho các lập
trình viên, tester sau này. Một trang web được cắt tốt không chứa các thành phần không cần thiết như mã
HTML dư, hay các lỗi về cấu trúc HTML. Vì khi người lập trình làm việc, họ gần như chỉ làm việc trên code
chứ không làm việc trên phần design.
Cần tính toán rõ ràng, cụ thể việc áp dụng Template trong website. Template giúp cho 1 website với
những trang có thành phần giống nhau được quản lý một cách thống nhất, nếu cần thay đổi những phần
này, chỉ việc chỉnh sửa file Template này.
Phối hợp chặt chẽ với bộ phận phụ trách nội dung website để bố cục, cấu trúc website rõ ràng hơn.
Khi cắt web, cần đưa các style css ở file riêng, không đưa định dạng font trực tiếp trong website,
việc đặt tên các CSS cần sự nghiêm túc, có sự thống nhất. Hạn chế việc định dạng font chữ bằng tag < font
>. Nếu có các link, việc đặt các css: link, active, visited, hover là cần thiết. Nên định font chuẩn cho toàn
website bằng cách định nghĩa lại tag < td >.
- Sử dụng file spacer.gif để trang web có thêm các tùy biến thay vì định kích thước ngang dọc cho
các < table > hay < td >
File spacer.gif là 1 file gif trong suốt có kích thước 1x1. Khi cần định chiều cao cho 1 td thì nên chèn
file này vào td đó và định chiều cao cho file spacer.gif.
Tránh việc Merge các Table lại với nhau quá nhiều, tối đa 1 cái. Việc này rất quan trọng, vì nó sẽ
gây khó khăn và mất thời gian cho các lập trình viên khi làm việc.

Cần xem kỹ lại cấu trúc, yêu cầu của bên thiết kế web, để có thể cho phép website co giãn theo kích
thước màn hình hoặc cố định (nhỏ tối đa 800px). Nếu là các co giãn theo kích thước màn hình, cần tính
toán thiết kế sao cho khi giãn ra không có những khoảng trống hình ảnh.
- Nếu là một website động hay cập nhật thường xuyên, tuyệt đối không dùng chức năng Slice của
Photoshop hayImageReady. Chức năng này chỉ thích hợp cho các website tĩnh vì HTML sinh ra rất phức tạp
và có rối dẫn tới việc các lập trình viên không thể đọc hiểu hay chỉnh sửa được.
THIẾT KẾ LOGO TRONG KINH DOANH
Một logo tốt đưa công ty vượt ra khỏi sự im lặng, nó phô trương sức mạnh và giá trị của
công ty. Một công ty phát đạt luôn quan tâm tới tiếp thị và một công ty quan tâm tới tiếp thị không
bao giờ chấp nhận một logo mờ nhạt
Một logo tốt thường là sự kết hợp giữa tính đơn giản và tính độc đáo. Trong bất kì trường hợp nào,
logo cần được thiết kế để có thể gây ấn tượng ở ngay cái nhìn đầu tiên. Mục đích là chỉ sau một vài lần
nhìn, người ta có thể cảm thấy quen với logo đó và có thể phân biệt giữa hàng trăm logo khác vẫn thường
xuyên xuất hiện trên các phương tiện thông tin đại chúng.Thông thường một logo ấn tượng khi nó có khả
năng đứng độc lập. Nghĩa là chỉ cần nhìn vào logo, người ta cũng có thể đọc được tên của công ty có logo
đó.
Logo phải diễn tả được một số đặc trưng của công ty như hình ảnh đại bản doanh, sản phẩm, màu
sắc, và những chữ cái xuất phát từ tên của công ty. Thông thường một logo ấn tượng khi nó có khả năng
đứng độc lập. Nghĩa là chỉ cần nhìn vào logo, người ta cũng có thể đọc được tên của công ty có logo đó.
Logo cũng giống như nhãn hiệu, chúng là tài sản riêng của công ty. Nhưng logo khác nhãn hiệu là
nó dễ bảo vệ hơn. Một logo tốt khiến khách hàng nhớ đến sản phẩm của công ty nhanh hơn và bền lâu hơn.
Con người thông thường ưa thích tiếp nhận thông tin qua mắt hơn, thích tiếp nhận hình ảnh hơn là con chữ.
Nhiều công ty có tên dài dằng dặc rất khó nhớ. Những công ty như thế nhất thiết cần đến mộtlogo thực sự
hấp dẫn và dễ nhớ.
Bên cạnh đó, trong thời buổi hội nhập quốc tế, logo tốt sẽ giúp các công ty đến với khách hàng mà
không phải mất quá nhiều thời gian giải quyết trở ngại bất đồng ngôn ngữ. Người ta có thể không biết
"Shell" có nghĩa là gì, nhưng logo hình vỏ sò nổi tiếng của công ty này được biết tới ở khắp nơi trên thế giới.
Logo nào dễ được nhận ra nhất?
Các chuyên gia thiết kế cho rằng, logo có tên hoặc một phần tên của công ty dễ được nhận ra nhất
và chúng cũng được nhớ lâu nhất. Theo kĩ thuật này, ở Việt Nam, công ty Biti's có một logo tuyệt vời ở tầm

quốc tế, hệ thống cửa hàng ăn nhanh Mcdonald's có một logo với chữ M cong rất độc đáo.
Mỗi sản phẩm đều có mối liên hệ nhất định với màu sắc nào đó. Nhất là những sản phẩm nổi tiếng
thường được nhớ tới và nhận ra qua dấu hiệu chủ yếu là màu sắc. ở Hà Lan, có một thời gian dài, các hãng
bia đua nhau chọn màu xanh làm biểu tượng, gắn với màu sản phẩm của công ty mình. Nhưng đó chính là lí
do khiến họ trở nên mờ nhạt, vì Heineiken, một hãng bia hàng đầu thế giới đã nổi tiếng với màu xanh biểu
tượng.
Việc thay đổi mẫu mã hàng hoá là rất cần thiết. Nhưng những công ty giàu kinh nghiệm tối kị thay
đổi đột ngột màu sắc trên bao bì, nhãn mác hay màu sắc sản phẩm. Duy trì việc sử dụng một loại màu sắc
nhất đình để trang trí, thông tin trên sấn phẩm có liên hệ mật thiết với lòng tin của khách hàng đối với công
ty.
Những logo có hình dáng lấy cảm hứng từ những hình ảnh quen thuộc trong đời sống hàng ngày sẽ
đạt hiệu quả cao nhất.
Màu sắc logo của các công ty hầu hết xuất phát từ màu sắc của sản phẩm công ty sản xuất. Màu
sắc của logo có ảnh hưởng rất lớn đến thời gian mà người tiêu dùng nhận ra nó. Các chuyên gia thiết kế
cho rằng, logo càng ít màu càng tốt. Tuy rằng trong thực tế vẫn có những logo rất nhiều màu sắc nhưng vẫn
hiệu quả vì chúng được kết hợp một cách khéo léo để tạo nên một ấn tượng đặc biệt nào đó.
Bên cạnh màu sắc, hình dáng, đường nét của logo cũng rất quan trọng. Nó có ảnh hưởng rất lớn tới
thời gian mà logo được nhận ra và ghi nhớ trong đầu khách hàng. Những logo quá trừu tượng thường
không ấn tượng và rất dễ bị lãng quên. Những logo có hình dáng lấy cảm hứng từ những hình ảnh quen
thuộc trong đời sống hàng ngày sẽ đạt hiệu quả cao nhất.
Richard Moore, chuyên gia tiếp thị và là người đã tham gia một số khoá huấn luyện tiếp thị tại Việt
Nam khẳng định: "Các logo thành công nhất khi nhà thiết kế sử dụng màu sắc, kiểu chữ một cách nhất quán
và thậm chí có một công thức thiết kế nhất quán với các yếu tố khác nhau của thông tin tiếp thị".
Cũng theo ông Moore, một logo tốt kết hợp với cách thức tiếp thị hiệu quả sẽ tạo ra "một hình ảnh
vô hình nhưng lại là tài sản quan trọng của công ty, đôi khi còn có giá trị hơn cả những tài sản hữu
hình".