How to make nice looking websites?

Question

I haven't had an issue getting a website to be functional to meet the requirements of the end user, however, I struggle to make it visually appealing through using good colors and spacing. What are some good techniques to follow in the early staging of developing a website that make it easier later on to make it look nice?

Answer 1

You should submit a sketch / mockup to the end user, so that all subsequent changes would only be some details of the design (in theory). In any case, normally I usually visit two pages for inspiration, after seeing some designs I can make at least two models.

https://www.thebestdesigns.com/
https://www.awwwards.com/

In Medium there are also countless articles on how to improve the presentation of a page. Some of the involved developers TailwindCSS and Laracast usually post on Twitter many data on how to improve the presentation of a web page and give it a very professional look (I'll leave the Tailwind link, there you can find the Twitter of the developers)

https://tailwindcss.com/

Answer 2

https://medium.com/sketch-app-sources/how-to-create-a-responsive-landing-page-with-sketch-af8c8785ae0b

https://www.mockplus.com/blog/post/web-ui-mockup-tool-free

(You can also use Photoshop with a wireframing kit)

Answer 3

Always simple is great.Please observe websites of big and established companies,it helps a lot to get idea about styles,color etc.

First try to make copies of some websites,it will improve your skills a lot.

Here is a very rich video, detailed (step by step) guidelines for starting online Career ( learning Web Development [Front End,Back End & Full Stack ] and other Programs):

https://youtu.be/Zftx68K-1D4

⏩⏩A very good reference:
https://www.sololearn.com/Discuss/284542/?ref=app

⏬⏬By August Mein:⏬⏬
1. Choosing your first Language

You can choose any language.
if you can't decided here the guide :

HTML is used to make web structure.

CSS is used to give style or animate web

JAVASCRIPT is used to make dynamic web (you can even make game)

PHP is server side scripting language

SQL is database manajemen in server side

C++ is multiplatform OOP based programming language (you can make many app including Games)

C# is more spesific (windows os) than C++

Java is used to build app that can run on any devices (including Android).
JAVA is not JAVASCRIPT

Python is multiplatform OOP based programming languages with easy syntax (compared to other OOP Language)

Python3 and Django for building strong and very rich website ( flask is used for small website,but Django for everything)

kivy ( a Python Program for anroid )is used for making android apps.

Kotlin is Google's new Program for android.
Google's new android version is built on Kotlin.Kotlin is dynamic and co opt with latest technological development (such as Augmented Reality, Artificial Intelligence, Facial Recognition etc)
It's coding process is also simple and as like Python.

Swift is for building apple / IOS app .

To improve coding skills 2nd link is helpful:

https://www.sololearn.com/Discuss/437973/?ref=app

https://www.sololearn.com/discuss/1062064/?ref=app
https://www.sololearn.com/discuss/1033194/?ref=app

Answer 4

Mickel Sánchez, are there any good programs to do this sketch/mockup on other than doing a rough build in HTML?

Answer 5

two concepts you mşght want to look into are "graphic design" (i found Timothy Samara's Design Elements a nice book on this subject) and "communication design".

i believe these two are very important in creating a visually appealing and "effective" websites.