Web için görsel tasarımda öncelikle dikkat edilmesi gereken konulardan birisi tasarlanacak olan web sitesinin amacıdır.

Çizgi, şekil, alan, boyut, doku ve renk konularından oluşan görsel tasarım öğeleri, bir bilgi aktarımında kullanılan temel unsurları oluşturmaktadırlar.

Çizgi, yön ve hareket gösteren, şekilleri ayırma ya da birleştirmede kullanılabilen, kullanıcının dikkatinin belirli bir yöne çekmekte yararlanılan bir öğedir.

Şekil Bir yüzeyde oluşturulan iki boyutlu biçimler olarak tanımlanabilir. Farklı şekiller bir araya gelerek bir bütünü ifade eden anlamlı yapıları oluşturabilir. 

Görsel materyallerde sunulan içeriğin anlamlı olması, düzeni ve yalınlığı için dolu ve boş alan kullanımı oldukça önemlidir. Alan bir web sayfasında kullanıcının ihtiyaçları doğrultusunda sunulacak içeriğin yayınlanacağı yer olarak tanımlanabilir. 

Boyut, bir görsel tasarımda kullanılan şekil, metin, görsel gibi çeşitli öğelerin birbirine uyum sağlaması amacıyla kullanılacak öğelerin ebatlarının ayarlanmasını sağlayan bir unsur olarak tanımlanabilir

Renk: Görsel tasarımda renk önemli bir unsurdur. Renklerin bilinçli ve uygun zıtlık ya da tonlarda kullanımı oluşturacağınız tasarımın estetik açıdan ve anlaşılırlığını oldukça fazla etkileyecektir.

Bütünlük, denge, vurgu, hizalama ve yakınlık genel olarak ele alınan görsel tasarım ilkelerini oluşturmaktadır.

Bir web sitesinin gezinim, içerik, başlık gibi bütün alanlarındaki çeşitli unsurlarının ve bu unsurlar arasındaki ilişkilerin daha kolay algılanması ve anlaşılması için oluşturulan düzen hizalamadır. 

Denge ve simetri, kullanılacak içerik unsurlarının ve görsel unsurların yatay ve dikey olarak web sitesini oluşturan sayfaların her birinde denk biçimde yerleştirilmesini sağlayacaktır. 

Web için görsel tasarım unsurları genel olarak; amaç, iletişim, yazı biçimi, renkler, görseller, gezinim, tablo tabanlı yerleşim, “F” model tasarımı, yüklenme süresi ve mobil dostu olması şeklinde sıralanabilir.

Bir web sitenin tasarımında görsel tasarım öğeleri ve ilkelerinin kullanılmış olması, kullanışlı olduğu anlamına gelmemektedir. İçeriğin sunumunda bu öğe ve ilkeler ne kadar önemliyse kullanıcıların ihtiyaçlarını bilme ve bu doğrultuda web sitesi oluşturma amaç ve alt amaçları net bir şekilde ortaya konulmalıdır.

Sans Serif, Arial ya da Verdana gibi çevrimiçi ortamlarda okunması kolay yazı stilleri mevcuttur. Ayrıca web ortamlarıyla aktarılan bilginin okunabilirliği için kullanılan font boyutu da önemlidir. Tasarımda ideal font boyutu olarak 16 px seçilmeli, tutarlılık ve okumayı akıcı hale getirmek için de en fazla 3 yazı biçimi ve 3 font boyutu kullanılmalıdır.Yazı biçimi unsuru daha çok web ortamında kullanılan yazının fontu, stili, boyutu, rengi gibi tipografik özellikleri ile ilişkilendirilebilir.

Birbirini bütünleyici renkler denge ve harmoni oluşturur. Çevrimiçi ortamlarda renklerin kullanılması kullanıcının o ortamdaki deneyim süresince etkisini korumaktadır. Bu doğrultuda metin ve zemin ilişkisinde zıt renklerin kullanımı hem göze yardımcı, hem de okumayı kolaylaştırıcı bir unsurdur. Canlı renklerin kullanımı ise duygu oluşturmayı sağlayabilir. Beyaz alanlar ise tasarımınıza modern, yalın ve düzenli bir görünüm sağlar. 

Gezinme kullanıcıların web sitesini kullanırlarken gerçekleştirdikleri eylemleri ifade eder.

Web sitesini planlarken sayfaları hiyerarşik olarak düzenleme, kullanıcı geçmişlerini kullanma, tıklanabilir alanlar tasarlama ve üç tık kuralını aşmamak önemli stratejiler olarak söylenebilir. Üç tık kuralı sitede kullanıcı gezinimi sırasında site içerisinde nerede olduklarını bulabilmelerini ve kontrolü kaybetmemelerine yardımcı olur.

Web sayfalarında tablo tabanlı yerleşim kullanılmasının nedeni, sayfa içerisine yerleştirilecek içeriklerin rastgele yerleştirilmesini önlemek ve gelişigüzel dağınık görünümün önüne geçmektir. Tablo tabanlı yerleştirme içeriği bölümler, satırlar ve kutular bazında hizalamaya olanak verir. Bu durum da görsel tasarım ilkelerinden olan denge ilkesinin sağlanmasını kolaylaştırır.

Tasarlayacağınız siteyi görüntüleyecek kullanıcıları görsel olarak bir akışa zorlamaktan ziyade, kullanıcıların doğal davranışlarıyla birlikte ve bilgileri üstten aşağıya doğru
önem sırasına koyarak sunmak, kullanışlı bir web tasarımına olanak verir. Web ortamlarında kullanıcıların göz hareketlerinin F modeli şeklinde olduğu gözlenmektedir. 

Kullanıcıların bir web ortamını kullanmaktan vazgeçmemeleri için görsel tasarımı yansıtacak çoklu ortam öğeleri gibi çeşitli içerik unsurlarının da organize edilmesi gerekmektedir. Fazla süre beklemeye neden olan http isteklerini CSS ya da Javascript gibi bir merkezle toplayarak HTML, CSS ve Javascript kodlarını minimize etmek gerekmektedir. Böylece web ortamının yüklenme zamanı kısalacaktır.

Kullanıcıların düşünmesine izin vermeyin, Kullanıcıların sabırlarını boşa harcamayın, Kullanıcının dikkatini yönetin, Etkili yazı kullanın, Basitlik için gayret edin, Beyaz alanlar kullanın, Görünmez bir dille etkili iletişim kurun, Geleneklerle arkadaş olun, Sık sık testedin.