Przejdź do głównej zawartości

Dobre zdjęcia połową sukcesu strony


Szukasz najlepszych zdjęć do portfolio? A może chcesz zaprezentować swój produkt jak najlepiej?
Wchodząc na pierwszą stronę internetową nasze oczy w pierwszej kolejności ujrzą zdjęcie, które zazwyczaj jest najistotniejszym zastosowaniem wobec produkty. W zamyśle całego artykuły produkt stanowiłby końcowy efekt wizualny dla całego projektu.

Od czego zacząć?
Dobre pytanie na początek, szczególnie, gdy nie do końca wiemy co może okazać się najlepszą stroną naszej strony. Za przykład może posłużyć strona informacyjna lokalnej cukierni. W tym przypadku powinniśmy na pierwszym miejscu ustawić zdjęcie, które najlepiej się eksponuje, zarazem podkreślając charakter prezentowanej oferty.

Jakość zdjęcia w dzisiejszych czasach jest wyznacznikiem profesjonalności prezentowanego produktu. Jakość rozdzielczości od 1024 px wzwyż wydaje się spełniać wymagania. Jedynym minusem może okazać się większy czas ładowania zdjęcia, zatem najlepszym rozwiązaniem wydaje się być również odpowiednia szerokość i wysokość zdjęcia, wraz z odpowiednim kadrowaniem, które umożliwia chociażby gotowy framework Bootstrap, który posiada również kreatory.
Dlaczego polecam, akurat ten system? Jest on oparty na kafelkach, które ułatwiają prace pod względem wizualnym.

Kolory mają znaczenie.
Podczas doboru zdjęć powinniśmy kierować się również odpowiednim schematem kolorystycznym ze względu na kolorystykę strony, która również powinna być zachowana. Pod tym adresem znajdziecie color.adobe.com narzędzie do dobierania schematów. Do wyboru: analogowy, monochromatyczny, triada, dopełniający, złożony, odcienie, lub własny.


Jakie zdjęcia wybrać?
Musimy utrzymać jedną tematykę zdjęć. Sprzedajesz buty? Skup się na nich! Nie pozwól, aby inne przedmioty umieszczone na zdjęciu w ramach stworzenia odpowiedniej kompozycji odciągały produkt, kompozycja zdjęcia ma jedynie na celu dodania smaku prezentowanej fotografii. Zachowaj spójność w tym co prezentujesz.


Komentarze

Popularne posty z tego bloga

Przegląd polskich systemów zarządzania treścią CMS

Każdy, nawet nie ten co programuje, ale standardowy bloger z rzędu powinien wiedzieć na jakim systemie operuje, ponieważ każdy jest oparty tylko na kilku, lub kilkunastu modułów, w zależności od użytkowania. Z biegiem czasu, gdy będziemy rozwijać bardziej swój projekt pod względem funkcjonalności, powinniśmy myśleć o własnej, unikalnej domenie. Kolejnym krokiem jest albo stworzenie własnego Systemu Zarządzania Treścią, lub po prostu wybrania lepszej. W tym poście przedstawię 3 najpopularniejsze polskie CMS'y (w losowej kolejności) opisując je pod względem ulepszeń, designu i samej funkcjonalności. Windu jest dobrym przykładem systemu ulepszanego bardzo często w nowe funkcje. Posiada również bardzo dobrze przystosowanie szablonów względem rozdzielczości. Ilość szablonów systemowych również robi wrażenie, szczególnie, że większość z nich prezentuje się naprawdę ciekawie, co jest bardzo wielkim plusem, aczkolwiek ilość szablonów udostępnionych przez innych użytkowników nie jes

Jak stworzyć powiadomienia na stronę

W dzisiejszym wpisie pokażę wam jak w prosty sposób można stworzyć efektowne powiadomienia na swoją stronę internetową. Do stworzenia widżetu będziemy potrzebować Bootstrapa w wersji co najmniej 3.0. Bootstrap jest to darmowy framework CSS, który ułatwia nam prace dzięki gotowym rozwiązaniom bez zbędnego dopisywania podstawowych stylów do przycisków itp.. Adres do pobrania znajdziecie pod tym linkiem  Pobierz Bootstrap Zacznijmy od stworzenia plików index.html, oraz style.css Poniższy kod umieść w index.html, omawiany framework jest w głównej mierze oparty na kafelkach, stąd musimy zacząć od kontenera, a następnie za zdefiniowanie szerokości powiadomienia- w tym przypadku wynosi on "12" czyli najwięcej. Trzecia linijka odpowiada za główną budowę powiadomienia, row za wyrównanie, natomiast liczba "9" wraz z "note-content" jest środkiem. Kolejne wiersze, czyli title to nagłówek, znacznik <p></p> odpowiada za treść, a "btn"

Date Picker przy użyciu HTML5

Może nie każdy używa, ale trzeba przyznać, że jest to przydatna funkcja podczas tworzenia szablonów bez zbędnego grzebania w kodzie. Dużym minusem jest obsługa tej funkcji tylko przez wybrane przeglądarki, osobiście korzystam z Chrome i nie zauważyłem, aby którykolwiek z przykładów podanych poniżej został źle wyświetlony. W najnowszej odsłonie HTML'a wstawianie daty dzielimy na: date, datetime, datetime-local, month, week, time. W przykładach poniżej podam date pickera w atrybucie INPUT, gdzie w miejsce type będziemy kolejny wpisywać powyższe terminy. Pozostaje tylko odpalić notatnik i przekonać się na własne oczy jakie cudeńka można zdziałać w połączeniu z CSS3. Na samym dole wpisu znajdziecie dwa linki do świetnie prezentujących się pluginów. Pierwszy tego typu input pokazuje dzień, miesiąc i rok. <input type="date"> Drugi typ daty podobnie jak w poprzednim pokazuje dzień, miesiąc i rok, ale również z konkretną godziną. <input type="datetime&q