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". . 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. 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