Zarządzam projektem open source ( Rubberduck , dodatek do edytora VBA), a do najnowszej wersji była to wersja powitalna:
Od 2015 roku branding mniej więcej obracał się wokół wirującego kodu VBA i tego gumowego, złotego wizerunku stockowego, z napisem „RUBBERDUCK” w charakterystycznej czcionce Showcard Gothic, której używam wszędzie od samego początku projektu, i że nie jestem mentalnie przygotowany na odpuszczenie.
Krótko mówiąc, ostatniej nocy wypuściłem wersję 2.2 z nową formą powitalną opartą na brandingu 2018, o wiele bardziej trzeźwy projekt, który, jak miałem nadzieję, okaże się bardziej profesjonalny. Podstawowy kaczuszek zostaje zastąpiony „kaczym cieniem”, lekko zamazaną wersją kaczki SVG:
Projekt opiera się na materiałach reklamowych społeczności 2018, które naprawdę dobrze sobie radzą w Code Review SE, ale ponieważ projekt powstał na tej stronie, a ja jestem moderatorem od 2015 roku, możliwe jest, że jest to wypaczone postrzeganie przyzwoitego projektu.
Przeprowadziłem szybką ankietę na Twitterze (trwa cały tydzień), a jak dotąd wyniki (w porządku, dotychczas tylko 7 głosów) wskazują, że nowy formularz powitalny jest postrzegany jako „raczej nudny” (57%), w przeciwieństwie do „bardziej profesjonalny” (43%) - Nie biorę ankiet na Twitterze jako naukowego ani dokładnego pomiaru w jakikolwiek sposób, ale fakt, że jak dotąd połowa opinii uważa, że nowy splash jest „raczej nudny”, nieco mnie niepokoi.
Nie jestem grafikiem, ale jest to jedna z wielu czapek, które muszę nosić w ramach tego projektu, dlatego szukam opinii od tej społeczności, aby, mam nadzieję, określić, w jaki sposób można ulepszyć nowy projekt / branding w celu zmniejszenia „nudność” i zwiększenie „profesjonalizmu”.
To, co próbuję przekazać, to to, że narzędzie jest skierowane do profesjonalistów i że rozpoznaje kod użytkownika , którego projekt nie wydaje się tak zagracony / zabawny jak oryginalny, tj. Koncepcja, która jest epurated, ale nie wyglądają na „nudne” lub nudne (miałem nadzieję, że pomoże w tym charakterystyczna czcionka Showcard Gothic).
Potrzebuję twojej pomocy, aby zrozumieć, gdzie i jak nowy projekt może nie przekazać swojego przesłania, i co mogę zmienić, aby nie był postrzegany jako „nudny”; Chciałbym również wiedzieć, czy naruszam jakiekolwiek zasady projektowania, o których nie wiem: być może nie widzę rażącego problemu z kontrastem lub używam zbyt małej czcionki (Gill Sans MT), lub jest coś, co nie jest zrównoważone w układzie (umieszczanie liter kontra kaczuszka, pozycjonowanie etykiet statusu itp.) - jeden z współpracowników wskazuje, że rozmycie nie pomaga i że ostrzejszy koziołek byłby mniej amatorski, ... Jestem pewien, że wszystkie są obiektywnie kwantyfikowalne przez projektantów.
Jeśli są to przydatne informacje, ekran powitalny jest wyświetlany przez około 3 sekundy podczas uruchamiania, gdy Edytor Visual Basic ładuje swoje dodatki.
Odpowiedzi:
Myślę, że postrzeganie tępoty jest w dużej mierze przypisywane brakowi kolorów na nowym ekranie powitalnym. Podoba mi się twoje podejście do epuracji (dzisiaj nauczyłem się tego słowa), więc moją sugestią byłoby po prostu dodać trochę koloru.
Trudno jest zaprojektować logo, które oddaje „profesjonalizm”, jeśli zamierzasz trzymać się Showcard Gothic, więc osobiście po prostu bym zabawił się krojem czcionki i dodałbym do logo trochę żółtego i niebieskiego. Oto mój szybki rzut oka na to:
Nie pozostawiłbym też zwykłego białego tła, subtelna konsystencja może przejść długą drogę. Zdecydowałem się włączyć zawirowania jako ukłon w stronę oryginalnego „wirującego kodu”, ale może to być dowolna subtelna tekstura lub nawet delikatny gradient.
Sylwetka Ducky dzięki uprzejmości Anthony'ego na stronie pexels.com
źródło
Myślę, że to pytanie jest nieco ogólne. A ja też myślę „odpytywania” laików lub użytkowników na „co sądzisz o moim logo” jest zawsze bardzo zły pomysł. „Projekt opracowany przez komisję” często prowadzi do zbyt wielu różnych opinii i nie ma wyraźnego kierunku. Zespół kilku osób jest świetny ... lub współpraca ... ale sondaż jest na ogół obarczony tymi, którzy nigdy nie będą szczęśliwi, bez względu na to, co zmienisz / stworzysz.
Ogólnie rzecz biorąc, szkoda, że nie używasz tak fantastycznej grafiki jak gumowa kaczka. Jest to rzecz natychmiast rozpoznawalna i oferuje natychmiastowe, przyjazne, zachęcające wrażenie. Chciałbym naprawdę grać kaczka więcej.
Nie jestem pewien, co to był proces myślowy, aby zminimalizować to poza zaproszeniem, ale zachowując krój pisma, który jest ... cóż ... po prostu nie w moim stylu. Moim osobistym gustem jest to, że logo nie powinno być jedynie wbudowanym krojem pisma „w stylu wyświetlania”. W rzeczywistości wygląda to mniej profesjonalnie. Zwłaszcza jeśli jesteś w branży technologicznej, w której są duże szanse, użytkownicy zobaczą ten krój gdzieś indziej i go rozpoznają.
Chociaż nie spędzałem nad tym dużo czasu, miałem wcześniej utworzony obraz gumowej kaczki, więc nie mogłem się powstrzymać, żeby się z nim trochę pobawić. Myślę, że jeśli skupisz się na kaczce bardziej niż na typie, każda karta powitalna lub grafika z natury stanie się bardziej zachęcająca i kusząca.
Moim zdaniem bardziej standardowy krój nada więcej „profesjonalizmu”.
Ponownie, grafika z kaczki była czymś, co stworzyłem jakiś czas temu, więc leżałem w pobliżu. Biorąc pod uwagę czas, może lepiej działać, aby lepiej dostosować kaczkę i lepiej zintegrować ją z typem ... nałożyć na nią okulary ... użyć innego kąta ... powiązać ją w jakiś sposób z kodem VBE. To wszystko było po prostu z mojej głowy przy użyciu istniejących dzieł sztuki. Powyższy typ może pochłonąć więcej czasu i uwagi, ale myślę, że oddaje znaczenie samej kaczki. (Kolor niebieski, którego użyłem, został wyciągnięty z koloru oka kaczki, aby zachować ciągłość. Można go więc ożywić.)
Koncepcje tutaj są bezpłatne do zrobienia .. rzeczywista grafika nie jest .
źródło
Wiem, że mój pierwszy post jest nieco „kontrowersyjny”, ale nie jestem typem faceta, który po prostu mówi „to nie działa”.
Oto trudny proces pokazujący, jak należy podjąć wiele decyzji.
To będzie długi post.
Oszukuję również, aby wypełnić przestrzeń między obrazem a kaczką.
Zamieszczam to, aby wyjaśnić, nie ma tylko jednego przepisu ... Każdy krok, który tu napisałem, aby przeprowadzić wiele badań i badań. Czytam niektóre artykuły o prawach autorskich dotyczące używania gumowej kaczki, eksploruję niektóre czcionki, wybieram taki, który jest darmowy, proporcje kontrastu, styl, aplikacje ... itd ...
Tak, kaczka może być ładniejsza lub mieć inny styl. Nie ma sposobu, aby zadowolić wszystkich, ale podejście jest przy odrobinie szczęścia, nieco solidniejsze i mniej „nudne”.
Edytowane dla szczęśliwszej wersji i bardziej optymistycznie patrzącej w niebo ... cóż, marzą w niebie ...
źródło
Proszę wybacz mi. Nie chcę być niegrzeczny.
Jak to jest ... nie, nie jest.
Opublikowałem ten tekst jako komentarz, ale jest naprawdę dobry (ale trochę sarkastyczny ... wiem)
Gotowy produkt programowy ma wiele twarzy oprócz dobrego kodu: UX, użyteczność, obraz, postrzeganie. Tak więc, jeśli jest skierowany do profesjonalnych użytkowników, prawdopodobnie powinieneś zatrudnić profesjonalnego projektanta, aby nadać mu profesjonalny wygląd.
To nie znaczy płacić dużo pieniędzy. Może to być również wspólny wysiłek. Ale nie bój się prosić o współpracę.
Tępota, jak opisuje JohnB, poprawi kolor, może to być oczywiste pytanie, ale jest to również sylwetka i ogólny tekst, więc w rzeczywistości potrzebuje czegoś więcej niż koloru. Potrzebuje prawdziwego projektu: abstrakcja, styl, proporcje, kolorystyka, wybór typograficzny ...
Tylko kilka notatek:
Wiem, że to brzmi niegrzecznie. Po prostu nie jest. Nie jestem programistą, więc nie mogę ocenić jakości ani wewnętrznej wartości programu, korzyści, rynku. Ale ponieważ postawiono pytanie, zadając krytykę po stronie graficznej ekranu powitalnego i jakimś brandingu, moim obowiązkiem jest to zrobić.
Żyjemy w świecie opartym na współpracy, interdyscyplinarnym. I to jest świetna rzecz. n_n
źródło
Porównując twoją „nudną” wersję z połączonym materiałem reklamowym społeczności 2018 , myślę, że wiele „nudności” jest spowodowanych użyciem rozmycia, które stwarza wrażenie nudności. Myślę, że psycholog postrzegający mógłby to wyjaśnić. Zobaczmy, czym tak naprawdę jest otępienie: myślę, że widzenie czegoś przez mgłę dałoby nudne wrażenie.
Porównując obrazy, obecne logo ma rozmytą kaczkę, a także czcionka ma znacznie mniejszy kontrast.
Spróbuj nadać kaczce zarys, np. Czcionkę. Daje silny kontrast.
Dzięki temu jest podobny do czcionki, co zmniejsza złożoność i prawdopodobnie znacznie podnosi profesjonalizm.
Aby zwiększyć wrażenie zawodowe, pomógłby zmniejszyć widoczność kaczki w logo. Nie wyśrodkowany i niezbyt duży. Może być mały i po prawej stronie, nie z tyłu, ale nad nazwą produktu. Wypróbuj też czcionkę, która jest nadal „śmieszna”, ale tylko w połowie tak zabawna jak bieżąca.
źródło
Myślę, że jest nudny, ponieważ nie pokazuje prawie niczego, co można rozpoznać na pierwszy rzut oka. Twoje główne przesłanie z tego logo brzmi: „jesteśmy tacy sami jak nic innego, nie ma w tym nic specjalnego. Możemy połączyć się z niewidzialnością i jeśli chcesz poznać naszą markę, musisz przyjrzeć się bliżej” . Niektórzy uważają to za „profesjonalne”, inni uważają to za „ten element jest wyłączony”. Stary plusk krzyczy „ WOW RUBBER DUCK !!! ”, nawet zanim faktycznie zdążysz przeczytać litery. A potem następuje „ Hej! Gra z jakimś kodem! ”. Wygląda mi bardziej inaczej niż dwa rodzaje ulepszeń, których użyłem w tym akapicie. I zgadnij, co by przeczytał ktoś, kto po prostu przyjdzie? Italica w pierwszej części czy odważny poniżej?
Kiedy zacząłem programować, na PC był (prawie) interfejs tekstowy, ale w menu zaznaczono wszystkie skróty dla łatwiejszej czytelności - najpierw na odwróconym czarnym tle (na monitorach czarno-białych), później na żółto lub czerwono na niebiesko lub coś w tym stylu podobny. A ekran powitalny zyskuje co najmniej dużą sztukę ASCII o nazwie programu, aby z dumą powiedzieć „jesteśmy TO”. Później pojawił się interfejs graficzny i plamy były pełne kolorów, a ikony były łatwo rozpoznawalne, nawet gdy dostępnych było tylko kilka pikseli dużych i kilka kolorów. Wyłączone elementy w menu były ciemnoszare, ale nadal wyraźnie widoczne.
Z czasem pojawiła się większa rozdzielczość, więcej kolorów na ekranie i więcej mocy obliczeniowej. Ale przy wszystkich dostępnych kolorach programy powoli zmieniały kolor na szary na szary, w którym nawet podświetlony element jest MNIEJSZY czytelny, niż kilka lat temu wyłączone elementy. Wygląda tak samo, pasuje do koloru koszuli i skarpet, ale nie jest łatwo czytelny.
Wygląda świetnie na reklamach, w których wszystkie reflektory świecą na ładnym modelu udającym korzystanie z „zaawansowanych technologii profesjonalnych rzeczy”, ponieważ nie zaburza to wizerunku aktorki / aktora, która ma zwrócić uwagę potencjalnych nabywców. Znacznie gorzej, gdy chcesz go faktycznie użyć i gdy próbujesz znaleźć coś w menu.
Porównaj ten szaro-szary wzór z logo dużych firm w prawdziwym świecie. Każda duża marka jest łatwa do rozpoznania na pierwszy rzut oka, czy to McDonald, CocaCola, Linux, Windows, Adidas, Nike, po prostu ją nazwij. Spójrz na favikony różnych sekcji tutaj na stackexchange (czy to w tytule strony, czy w prawej kolumnie „Hot Network Questions” - znów rozpoznawalne na pierwszy rzut oka. Nawet ikony użytkownika są kolorowe i prawdopodobnie możesz rozpoznać swoich znajomych w mgnieniu oka bez szkło powiększające i / lub czytanie powiązanej nazwy.
Dlaczego więc twój splash miałby po prostu bezładnie wtopić się w tło bez wysyłania rozpoznawalnej wiadomości, co to jest, a jeśli już ją znasz, lub jeśli jest to zwykły wypełniacz przestrzeni? Moim zdaniem plusk i logo mają duży wpływ na markę / tożsamość / rozpoznawalność produktu / firmy. I może z dumą powiedzieć „ JESTEŚMY TUTAJ ” lub może po prostu cicho szeptać „ proszę nie wspominaj o nas, nie jesteśmy niczym ważnym ani zainteresowanym ”.
Może na razie jestem za stary, ale wolę rozpoznawalność niż „tak przyzwoitą, że trudno ją odczytać” za każdym razem (jako drugi znacznik użyteczności i funkcjonalności kursu, ale nie pytałeś o program, ale logo)
źródło
Myślę, że postrzeganie tępoty wynika głównie z szarych kolorów oraz z powodu bardzo ciemnego doku.
Niektóre rzeczy do wypróbowania:
Rozjaśnienie całego obrazu i użycie zabawnych / letnich / jasnych kolorów sprawi, że będzie wyglądać bardziej „ekscytująco”.
Pomoże również zmniejszenie ogólnej ilości szarości na obrazie.
Nie pisz tylko czarnych liter, rozważ szarości (może się to wydawać sprzecznością z moim poprzednim stwierdzeniem, ale oczywiście musi istnieć równowaga).
@ Kreacja JohnB bardzo dobrze osiąga to, co opisuję .
źródło
Mathieu, jako inny programista i inżynier, który stał się właścicielem firmy, musisz pomyśleć o kilku rzeczach:
To, co uważasz za swój rynek (profesjonalni programiści) i to, co uważasz za swój produkt (profesjonalne narzędzie), jest początkowo tylko tym, co inni ludzie myślą, że opiera się na ich postrzeganiu.
Patrzyłem na Twój projekt / GitHub, mam kwalifikacje, aby poświadczyć, że Twój projekt jest rzeczywiście projektem profesjonalnym i że profesjonalni programiści chcieliby z niego skorzystać, ale zajęło mi 18 lat na zdobycie wiedzy i 15 minut na przejrzenie twoich zasobów.
Rzeczywiście jesteś bardzo profesjonalnym inżynierem (sądząc z powyższego i swojej obecności online), ale czy jesteś również profesjonalnym projektantem? menedżer marki? Możesz tak nie myśleć, ale te zawody to także rzeczy, które ludzie spędzają na doskonaleniu, wystarczy spojrzeć na niesamowite załamanie @Rafael
Jako inżynier jesteśmy skłonni sądzić, że możemy zrobić wszystko sami, to dobrze, ale musisz puścić i przekazać niektóre zadania w miarę rozwoju firmy / projektu, to jedno z nich.
Każda okropna marka / obrazy dla OSS i zastrzeżone narzędzia są niezmiennie wynikiem właściciela projektu, inżyniera, który myśli, że może odpalić Gimp w weekend i wymyślić ładne logo, ich psychika przejmuje i nie są w stanie aby odejść, a potem zastanawiamy się, dlaczego właściciele firm nie kupują go (nasze narzędzie / OSS), no cóż, właściciele firm nie są inżynierami (w przeważającej części), wszystko, co muszą ocenić twój profesjonalizm to Twój przepływ gotówki, logo i marka, dokładnie do rzeczy, których nie mają projekty OSS.
Moja propozycja dla Ciebie: deleguj!, Zatrudnij @JohnB lub @Rafael, lub przejdź tutaj: https://99designs.com.au stwórz „konkurs”, odłóż 350 USD, pozwól inżynierom budowania marki zrobić swoje, zrobisz to UWIELBIAJ swoje nowe logo, a następnie skup się na zadaniach, w których możesz efektywniej zastosować swoje umiejętności.
Niestety tak, twoje nowe logo jest nudne, ogólne i niezapomniane.
Dlaczego, u licha, zrobiłbyś gumową kaczkę szarą i pozbawioną gumy? Gumowa kaczka jest zabawką dla dzieci, czyli siłą obrazu, ludzie oczekują, że coś będzie w określony sposób, albo się zdezorientują i nieświadomie uciekną od twojego produktu.
Stary projekt był właściwie lepszy, ponieważ dawał komunikat: w ciągu 5 sekund można było zrozumieć, że jest to narzędzie ułatwiające kodowanie, jeśli masz do czynienia z VBA, kolor jest żywy, a wszyscy kochają buźkę, żółtą gumową kaczkę biorącą pływa, wysyła obraz „świeżego”, „zabawnego” i „łatwego”.
Widzisz problem? Odebrałeś wszystkie dobre rzeczy ze swojego starego logo, teraz masz ogólne słowo za pomocą ogólnej czcionki o ogólnej sylwetce, bez znaczenia, komunikatu lub koloru (co gorsza, szary kolor jest związany z depresją, jest to jedyny kolor, który nie wysyła żadnego sygnału do naszych mózgów, dlatego ludzie wspominają o „matowym”).
I podchodzisz do problemu jako inżynier, myśląc, że możesz „obiektywnie skwantyfikować” proces projektowania, nie możesz, jest to forma sztuki, istnieją „metody”, ale żadna metoda projektowania nie jest oparta na mechanice, jest jak pisanie muzyki (w przeciwieństwie do czytania muzyki z pentagramu).
Przepraszam, jeśli jestem niegrzeczny, staram się być obiektywny, projektowanie / branding / kolor / psychologia to dziedziny, które lubię czytać / uczyć się, ale lepiej jest zatrudnić eksperta, kiedy musisz wykonać pracę .
źródło
Myślę, że możesz zachować logo w skali szarości i uniknąć nudności. Szary projekt mógłby zyskać na większej głębi i stylizowanym potraktowaniu ikony kaczki. W tej chwili jest zbyt wyblakły i gubi się za krojem pisma.
źródło
W związku z tym chcę porozmawiać o zasadach typografii.
Linia znaku, która pokazuje się po prawej, chce być grubsza niż linia pionowa.
Pomyśl o prawej dolnej części swojego K.
To nie jest zrobione czcionką.
Linia pozioma chce być cieńsza niż linia pionowa.
Nie - wykonane czcionką.
Czcionka pokazuje regułę dotyczącą końcówek trójkątów i kół.
Wyświetlane w górę lub w dół idą wyżej - niżej - niż linia bazowa czcionki.
Spójrz na swoje B.
Górna część idzie wyżej.
O wszystkich wielkich literach mówię, że wielkie litery na początku słowa zwiększają czytelność.
Wszystkie czapki nie muszą tego robić.
I idzie trochę w kierunku krzyku.
źródło