Co sprawia, że ​​projektant jest profesjonalistą?

Czy ktoś może zdefiniować, dlaczego coś może nie wyglądać „profesjonalnie”?

Co odróżnia projekty profesjonalne od nieprofesjonalnych?

Mam klientów, którzy powiedzieli, że mój projekt nie wygląda bardzo profesjonalnie. Śledziłem wszystkie rzeczy, aby uczynić go profesjonalnym - może nie wiem wystarczająco dużo o projektowaniu? Widziałem wiele „profesjonalnych” szablonów, które wyglądają na łatwe i podobne do moich. Przez większość czasu, kiedy nie mam drogi, śledzę te projekty szablonów - ale kiedy kończę, otrzymuję informację, że „To nie wygląda profesjonalnie” . To mi jednak nie pomaga. Czy ktoś tutaj ma rzeczywistą pomoc / doświadczenie / sugestie, które pomogłyby mi w zakresie wyglądu, czcionki, stylu ... wszystkiego . Proszę, daj mi sposób!

W skrócie:
Co czyni projektantem profesjonalnym?

Podałem inną odpowiedź, ponieważ jest to komentarz do twojego projektu:

Mówisz nam, że możesz łatwo odtwarzać profesjonalne szablony. Wątpię w to. Naprawdę musisz się wiele nauczyć na temat projektowania stron internetowych. Poważnie daleko do zrobienia, ale chętnie się uczysz i dlatego wykonałem ten makietę, aby wyjaśnić niektóre rzeczy. To nie ma zamiaru cię zranić, poważnie, bez obrazy, jestem po prostu szczery.

Podstawowa historia jest taka, że ​​brakuje mu wyrównania i głębokości ... dużo głębi.

Dołączę też jeden z moich projektów, nad którymi obecnie pracuję nad szerokością nakładki siatki, abyście mogli zobaczyć, co mam na myśli. To jeszcze nie koniec, ale zrozumiesz mój punkt widzenia. Proszę nie używać części projektu, nad którym pracuję, ponieważ są chronione prawem autorskim.

Zobacz, jak tworzę głębię za pomocą gładkich gradientów, tekstur i cieni. Poza tym spójrz na to, jak jest rozmieszczony.

Edycja: dla pewności, zmieniłem szerokość dla praw autorskich. Więc to nie jest w rzeczywistych proporcjach.

Mam nadzieję, że to ci pomoże.

Robin Williams, przyjaciel wszystkich początkujących projektantów, wskazuje na cztery najważniejsze rzeczy: kontrast, powtórzenie, wyrównanie i bliskość (i tak, akronimem jest CRAP!). Powinieneś zdobyć jej książkę „ Książka projektanta nie-projektanta ” i przestudiować ją. Wszystko w nim dotyczy sieci tak samo, jak drukowania. Jest łatwy do odczytania i bardzo przejrzysty. Następnie zdobądź „ Internetową książkę dla projektantów ” i przestudiuj ją. Dodałbym do jej kwartetu: Przesłanie, Harmonia i Trafność.

• Wiadomość klient chce dostać po drugiej stronie jest pierwszą rzeczą, którą musisz wiedzieć, ponieważ informuje wszystkiego innego. W udanej fotografii, projektowaniu, malowaniu, pisaniu istnieje proste trio zasad, które nigdy nie są łamane: 1) Miej wiadomość; 2) Uwzględnij tylko to, co przyczynia się do przesłania; 3) Usuń wszystko, co odwraca uwagę od wiadomości. Na zdjęciu sportowca użyłbyś jej ujęcia w powietrzu, wyglądającego bez wysiłku z wdziękiem, i sklonowałeś pustą puszkę coli i na wpół zjedzoną kanapkę w tle. Jako artysta musisz wiedzieć, co próbujesz powiedzieć. Jako projektant musisz wiedzieć, co klient chce powiedzieć. W końcu za to płaci klient.

• Harmonia to kolejny bardzo szeroki wymóg, który należy wziąć pod uwagę wcześniej. Jeśli klient ma logo i kolory firmowe, witryna musi ich używać i kolorów, które z nimi harmonizują. Nie możesz używać krojów pisma, które są podobne, ale różne dla nagłówków i kopii. Dobrą zasadą dla początkujących projektantów jest używanie jednego sans i jednego szeryfowego, które pasują do siebie, i używanie tylko tych dwóch w projekcie.

• Trafność pojawia się na samym początku cyklu projektowania. Dotyczy to koloru, typografii i ogólnego układu. Nie użyłbyś pudrowego błękitu i jasnoróżowego do zaprojektowania strony internetowej firmy z zaawansowanymi technologiami ani do hip-hopowego artysty. Ten cudownie ostry krój pisma nie będzie działał dla prawnika lub księgowego, ale Times Roman mógłby. (Unikałbyś „Timesa” dla strony, która musi wyglądać nowocześnie). Heavy metalowy zespół potrzebuje odważnych kształtów i kolorów, wysokiego kontrastu, ale klinika medyczna lub witryna z ubraniami dla dzieci wymagałaby znacznie bardziej miękkiego wyglądu.

• Kontrast oznacza ciemność kontra światło, bogate kolory kontra odcienie, ciemność na świetle lub jasność na ciemności. Jeśli twój projekt wymaga odważnych kontrastów, najważniejsze jest, aby ZŁOŻYĆ , aby były wyraźnie celowe. Tylko jedna rzecz psuje projekt szybciej niż „prawie-ale-niezupełnie to samo”, do czego zaraz dojdę.

• Powtórzenie umieszcza ten sam typ elementu w tym samym miejscu i za każdym razem z tymi samymi kolorami, nagłówkiem lub kształtem. Odstępy są spójne. Układ wizualny ma rytm, podobnie jak muzyka. Jeśli twoje elementy nie spadają „na rytm”, widzowi robi się niewygodnie, podobnie jak zespół, którego rytm jest wyłączony, jest trudny do słuchania.

• Wyrównanie , brak, jest najpewniejszym sposobem na przełamanie projektu. Nic nie krzyczy „amatorsko” głośniej niż rzeczy, które nie do końca pasują do siebie. W druku pracujemy z dokładnością mniejszą niż 1/1000 cala. Możesz umieścić rzeczy daleko od siebie, pod warunkiem, że przemieszczenie jest odważne, oczywiste i celowe. Ale nigdy, nigdy nie używaj dopełnienia 7px na znaczniku ap i 8px na h1. (Na marginesie: unikaj wyśrodkowanych układów w przypadku innych niż zaproszenie na ślub lub pogrzeb. Wyśrodkowane układy są w spokoju, bez ruchu, bez ruchu, co prawie nigdy nie jest tym, czego chcesz. Początkujący używają wyśrodkowanych układów, ponieważ nie wiedzą, jak wyrównać rzeczy.)

Wyrównanie i powtórzenie powodują, że siatki są tak przydatnym narzędziem. Zrozumienie tych punktów pozwoli odpowiedzieć na wiele pytań dotyczących korzystania z siatek.

• Bliskość oznacza po prostu trzymanie rzeczy, które do siebie należą, blisko siebie. Na przykład nagłówek musi znajdować się bliżej akapitu niż powyższego.

Zdobądź te dwie książki. Zmienią twoje projekty. Tymczasem oto ćwiczenie: zapisz te siedem punktów na liście, a następnie odwiedź 10 stron internetowych, które uważasz za naprawdę genialne, i znajdź, gdzie zastosowano każdy z tych punktów. Nie oszukuj. Wszystkie tam będą, więc nie poddawaj się, dopóki nie znajdziesz wszystkich. Teraz spójrz na własne projekty i dowiedz się, gdzie naruszono co najmniej jeden z nich.

Przećwicz te siedem punktów świadomie i celowo. Wkrótce staną się instynktowne, a twoje projekty osiągną zupełnie nowy poziom. To obietnica.

Jak sprawić, by twoja strona wyglądała profesjonalnie w moich oczach, w żadnej szczególnej kolejności, och ... i w skrócie :) Jeśli potrzebujesz więcej wyjaśnień, co mam na myśli, po prostu powiedz mi:

• Oprzyj paletę kolorów na tożsamości korporacyjnej klienta.
• Słuchaj uważnie jego potrzeb, abyś mógł dopasować go do stylu, jaki chce
• Projektowanie pod kątem użyteczności. Możesz zrobić konstrukcję oszałamiającą, ale jeśli konwersja nie jest dobra, jest bezużyteczna.
• Wybierz typografię ostrożnie (na przykład: nie zobaczysz produktów Apple z czcionką przypominającą graffiti)
• Użyj systemu 960gs przed rozpoczęciem projektowania, w ten sposób masz pewność, że twoje wyrównanie jest dobre
• Wyjaśnij i broń swojego projektu. Powiedz klientowi, dlaczego wybierasz poszczególne elementy i wyjaśnij mu, dlaczego są dobre. Pamiętajcie, że jako projektanci nie zawsze mamy rację.
• Ucz się. Śledź blogi i czasopisma online, aby poznać nowe samouczki jQuery itp. Czytanie jest kluczowe.
• Upewnij się, że kod jest prawidłowy w W3C i nie ma zbyt dużego rozmiaru.

Kilka rzeczy do zapamiętania dla dobrego wyglądu:

Nauczymy się więc 4 niesamowitych zasad reguł projektowania graficznego, które pomogą ci w doskonaleniu umiejętności projektowania. 4 zasady to:

1. Wyrównanie i dystrybucja
2. Równoważenie i grupowanie
3. Kontrast
4. Wzory i gradienty

Wyrównanie i dystrybucja: to najważniejsza zasada każdego niesamowitego, świetnego lub atrakcyjnego wizualnie projektu. Prawidłowo dopasowany wygląd świetnie wygląda wszędzie, niezależnie od tego, czy projektujesz materiały do ​​drukowania, reklamy, publikacje na pulpicie czy projekty internetowe. Brzmi dobrze, prawda! ale pytanie brzmi: jak nauczyć się używać właściwego wyrównania lub poczuć właściwe wyrównanie w projektowaniu. Zagłębmy się w wyrównanie i dystrybucję, ale najpierw zobaczmy przykładowy obraz poniżej:

• Wyrównanie: Wyrównanie oznacza rozmieszczenie podobnych lub innych elementów projektu w wymiarze góra, dół, środek, lewo lub prawo, aby projekt był wizualnie atrakcyjny. Zobacz powyższy przykładowy obraz, aby go zrozumieć.

• Dystrybucja: Dystrybucja oznacza nadanie lub utrzymanie tej samej odległości między podobnymi lub różnymi elementami dowolnego projektu, aby układ graficzny był czysty i przyzwoity. Patrz powyżej przykładowy obraz, aby go zrozumieć.

Równoważenie i grupowanie: Równoważenie i grupowanie to druga najważniejsza zasada każdego projektu wizualnego. W tej regule musimy skupić się na elementach projektu, na przykład, jeśli mamy trochę tekstu i kilka obrazów w naszym projekcie, więc musimy ułożyć je w taki sposób, aby były zrównoważone i wyglądały również świetnie. Możesz to zrobić na dwa sposoby.

• Pierwsza metoda - używanie różnych elementów: w tej regule układamy wszystkie elementy ze sobą, aby równoważyć je ze sobą. Możesz to łatwo zrozumieć na podstawie poniższego przykładu:

Jak widać na powyższym przykładzie, mamy dwa rodzaje elementów: tekst i obraz, i ułożyliśmy je ze sobą, aby układ był atrakcyjny i wizualnie świetny. Są one równoważone. Teraz spójrzmy na drugą metodę.

• Druga metoda - grupowanie poszczególnych elementów: w tej regule tworzymy różne grupy różnych elementów w projekcie. Spójrz na przykład, aby go zrozumieć.

Jak widać w powyższym przykładzie, stworzyliśmy również różne grupy elementów tekstowych i różne grupy elementów tekstowych. Ta metoda układu jest również dobra do tworzenia przyzwoitego i świetnie wyglądającego układu. Możesz również użyć obu metod razem, aby stworzyć niesamowity układ projektu.

Kontrast: Kontrast jest istotną częścią każdego dobrego projektu graficznego. W tej regule musimy uczynić każdy element naszego projektu wyróżniającym się spośród innych elementów. Zasada ta służy do przypisywania elementom ich znaczenia w projekcie.

Wzory i gradienty: Możesz sprawić, że będziesz projektować jeszcze bardziej niesamowicie, dodając wzory w tle lub w innych elementach projektu. Gradienty są bardzo przydatne, aby twój projekt był bardziej żywy i radosny. Zawsze pamiętaj, gdy używasz gradientów, staraj się używać gradientu dwóch kolorów z płynnymi różnicami kolorów.

To, co czyni twój projekt profesjonalnym, czy nie, to to, czy zarabiasz za to.

Jeśli chodzi o użycie terminu „profesjonalny” jako pewnego rodzaju komentarz estetyczny, jest on prawie bezużyteczny. Będziesz musiał współpracować z klientem, aby sprecyzować, czego szukają pod względem celów i zadań biznesowych - w szczególności tego, do kogo starają się dotrzeć i które podejście wizualne jest najbardziej sensowne dla tej konkretnej grupy demograficznej.