...
Rzadko jesteśmy sami podczas tworzenia tematu: Nie zależnie Niezależnie czy robimy to z kolegą, lub klientem jest wiele sytuacji, kiedy będziesz musiał się dzielić swoim proejktem z innymi ludźmi. Dlatego będzie im łatwiej pracować jeśli będą myśleć niestandardowo.
Jedną z pierwszych rzeczy do zrobienia jest dostarczenie prac w przestrzeni kolorów RGB w 72 dpi. i zawsze zapewnić niepłaski plik zapewnienie niepłaskiego pliku ( chyba, że jest to dla kilenta końcowego, w takim przypadku, należy podać płaski plik, chyba, że wyraźnie zapłacił za nie spłaszczoną wersję)
...
- Jeden folder Photoshop dla wszytkich wartt warstw tekstowych, dzięki czemu developrzy mogą łatwo uzyskać dostęp do projektu.
- Jeden folder Photoshop na projektowany blok (nowe produkty, najlepiej się sprzedające,etc.).
Color space
Always rely on RGB. Do not ever use CMYK, which is made for print.
Units
When designing for the Web, the base unit is the pixel. Do not measure in picas, points or centimeters.
Font
Do not use atypical fonts! Keep it readable at all times!
...
Przestrzeń kolorów
Zawsze polegać na RGB. Nigdy nie używać.CMYK, który jest przeznaczony do druku.
Jednostki
Podczas projektowania strony, jednostką bazową jest piksel. Nie należy mierzyć w picach, punktach lub centymetrach.
Czcionka
Nie używaj nietypowych czcionek! Tekst powinien być czytelny w kązdej chwili!
Standardowy teks (tytuł, podtytuł, zwykły tekst) powinny być ograniczone do następujących czcionek, w celu upewnienia się, że wszyscy odwiedzający mogą zobaczyć to samo:
- Arial
- Verdana
- Helvetica
- Georgia
- Tahoma
Keep the number of fonts to the bare minimum, for fear of making your website confusing and unreadable.
Of course, you can use any font you like when designing a graphic, such as the header image or a slide-show picture.
Font size
Never forget that the user has the final say on the text size, since modern browsers can increase or decrease it at the touch of a keyboard key.
As a matter of fact, you should test your website with various browser variations, see how easy it is break your design... and therefore rework your design in order to avoid such easy breakage.
You may start off with a handful of basic text sizes:
...
Sprowadzić liczbę czcionek do mininmum, z obawy przed tym aby strona nie była myląca i nieczytelna.
Oczywiście można użyć dowolnej czcionki jakiej chcesz, kiedy projektujesz grafikę. takie jak obraz nagówka, albo pokaz slajdów.
Rozmiar czcionki
Nigdy nie zapominaj, że użytkownik ma decydujący głos w sprawie rozmiaru tekstu, od kiedy w nowych przeglądarkach, można zwiększyć, lub zminiejszyć go za pomocą naciśnięcia jednego klawisza klawiatury
W rzeczywistości, należy przetestować swoja stronę z róznymi odmianami przeglądarek, zauważ jak łatwo można złamać twój projekt i dlatego przerób go w celu uniknięcia takiego łatwego pękania.
Można zacząć od garści podstawowych rozmiarów tekstowych:
- Tytuły: 18px.
- Mniejsze tytuły: 14px.
- Regularny tekst: 10 to 12px.
Transparency
Transparent images do not work well with older browsers, particularly with Internet Explorer, so you should stay away from 24-bits PNG images. As for GIF images with transparency, use the over a plain background to ensure they work properly. Avoid 50% opacity by using the same matte color as the website's background color.
Miscellaneous
- Test your theme with all of PrestaShop's options activated, so as to see how the theme reacts.
- Edit a product in order to see how the various options influence your design (promotion, new product, etc. …)... if it does at all.
- Make sure to have a homogeneous style for your shop.
Usability
We won't delve into complex human–computer interaction theories here, but rather try to make sure that your shop is accessible to as many potential customers as possible. Your ultimate goal should be to have visitors trust your shop enough so that they star buying.
Every time a visitor stumbles upon a usability problem, your site loses their trust. Ultimately, if the trust reaches a low point, frustration comes and the visitor leaves your site, without buying anything of course. Such is the importance of usability in the e-commerce world.
When design your shop's theme, keep in mind that its mission (in addition to selling goods, of course) is to show your visitors that your website is managed by serious and competent people.
The home page
This is the most important page of your shop, the one where it is "hit or miss". This is the page where the visitor will get a general opinion of your shop, and decide if she should trust you with her money.
You should make sure to make your shop easily recognizable, and have your catalog be the first thing people see.
...
Przezroczystości
Przejrzyste ilustracje nie działają dobrze na starszych przeglądarkach, zwłaszcza w internet Explorer, więc należy trzymać się zdala od 24- bitów PNG. W przypadku obrazów GIF z przezroczystością należy użyć w ciągu zwykłego tła, aby upewnić się, że działa poprawnie. Unikaj 50% krycia przy użyciu tego samego matowego koloru jako koloru tła.
Różne
- Przetestuj swój temat ze wszystkimi aktywnymi opcjami PrestaShop, aby zobaczyć jak reaguje temat.
- Edytuj produkt, aby zobaczyć jak różne opcje wpływają na projekt ( promocja, nowy produkt, itp...)... jeśli w ogółe.
- Upewnij się że mają jednorodny styl dla twojego sklepu.
Użyteczność
Nie będziemy się zagłębiać w skomplikowane teorie interakcji człowiek - komputer, ale raczej będziemy się starali upewnić, że sklep jest dostępny jak to możliwe dla jak największej liczby potencjalnych klientów..Ostatecznym celem powinno być posiadanie zaufanych klientów, którzy będą gwiazdami zakupów.
Za każdym razem gdy użytkownik natrafia na problem użyteczności, witryna traci zaufanie. Ostatecznie jeśli zaufanie osiągnie najniższy punkt.przychodzi frustracja i użytkownik opuszcza stronę, bez kupowania oczywiście czegokolwiek. Takie jest znaczenie użyteczności w świecie e-commerce.
Kiedy projektujesz swój motyw sklepu, należy pamiętać o tym, że jego misją (oprócz oczywiście sprzedaży towarów) jest pokazanie odwiedzającym, że witryna jest zarządana przez poważnych i kompetentnych ludzi.
Strona główna
To jest najważniejsza strona twojego sklepu, która "zaskoczy albo nie". Jest to strona na której użytkownik otrzyma ogólną opinię o twoim sklepie i zdecyduje, czy ma zaufać Tobie swoimi pieniędzmi.
Powinineś mieć pewność, że twój sklep jest łatwo rozpoznawalny, i twój katalog będzie pierwszą rzeczą, którą ludzie widzą.
Nagłówek strony jest miejscem, możesz umieścić najbardziej rozpoznawalne szczegóły: Logo, nazwa,unikalne obrazy...nie powinny być wyżej niż 250px, tak żeby twoi goście mogli obejrzeć twój katalog bez uciekania się do przewijania strony w dół. Innymi słowy głowna treść nie powinna być niższa niż zakładka (dowiedz się więcej o zakładce na stronie Wikipedia:: http://en.wikipedia.org/wiki/Above_the_fold).
...