Rzeczywistość wirtualna w projektowaniu.

Co oznacza VR dla marek i twórców wizualnych?

W świecie, w którym granice między tym, co cyfrowe, a tym, co realne, coraz bardziej się zacierają, rzeczywistość wirtualna (VR) przestaje być ciekawostką technologiczną, a staje się pełnoprawnym narzędziem w komunikacji, sprzedaży i projektowaniu doświadczeń.

Dla projektantów – grafików, twórców interfejsów, strategów marek – to rewolucja. Ale też wyzwanie.

Czym jest VR w kontekście projektowania?

Rzeczywistość wirtualna to zanurzeniowe środowisko cyfrowe, z którym użytkownik wchodzi w interakcję. W odróżnieniu od klasycznych interfejsów 2D (strony www, aplikacje mobilne), tutaj wszystko dzieje się „w środku” – z perspektywy pierwszej osoby. Każdy element – grafika, typografia, ruch, dźwięk – ma wpływ na poczucie obecności i emocjonalne zaangażowanie.

Dla projektanta oznacza to nowe pole działania:

  • projektujemy nie ekran, a świat,
  • myślimy nie tylko o wyglądzie, ale o fizyce, przestrzeni, dynamice ruchu,
  • tworzymy nie interfejs, a doświadczenie (experience design w pełnym znaczeniu tego słowa).

Co VR zmienia dla marek?

Nowy język komunikacji

Zamiast opowiadać o produkcie – pozwalasz go doświadczyć. Zamiast statycznych kampanii – tworzysz interaktywne światy marki.

Większa zapamiętywalność

Badania pokazują, że interakcje w VR są przetwarzane przez mózg jak realne zdarzenia – zostają w pamięci na dłużej i angażują emocje znacznie mocniej niż tradycyjna reklama.

Prototypowanie bez granic

Dla projektantów UX to szansa na testowanie interfejsów, przestrzeni i funkcji w środowisku w pełni kontrolowanym – bez fizycznych kosztów.

Przykłady zastosowań VR w projektowaniu i marketingu

Wirtualne showroomy – klient wchodzi do przestrzeni marki, ogląda produkty w skali 1:1, zmienia kolory, układy, wersje.
Onboarding i edukacja – zamiast instrukcji PDF, użytkownik przechodzi doświadczenie poznawcze.
Eventy i premiery – wydarzenia VR z unikalnym designem i narracją marki (np. prezentacja kolekcji modowej, wernisaż w galerii wirtualnej).
UI/UX w środowisku 360° – projektowanie interakcji, które uwzględniają kierunek spojrzenia, gesty, głos, odległość i kontekst.

Szanse i korzyści dla Twojej marki

Wyróżnienie się – VR wciąż jest na tyle świeża, że dobrze zaprojektowane doświadczenie zostaje w pamięci i buduje przewagę konkurencyjną.

Lepsze zrozumienie produktu – szczególnie w branżach technicznych lub wnętrzarskich, gdzie wizualizacja w 3D rozwiązuje wiele barier.

Nowy poziom zaangażowania – użytkownicy VR spędzają średnio więcej czasu z marką, niż w klasycznych kanałach online.

Ryzyka i wyzwania

Technologiczny próg wejścia – nie każda grupa docelowa ma dostęp do sprzętu VR.

Koszty produkcji – projekt VR wymaga większych zasobów niż klasyczne kampanie 2D.

UX bez standardów – w świecie 3D nie obowiązują znane schematy (jak przycisk w prawym górnym rogu) – trzeba tworzyć nowe reguły interakcji.

Przeciążenie bodźcami – źle zaprojektowane doświadczenie może być męczące, a nawet wywoływać chorobę symulatorową (motion sickness).

Na co zwrócić uwagę przy projektowaniu dla VR?

  • Skala i perspektywa – użytkownik doświadcza przestrzeni, nie layoutu.
  • Intuicyjność – im mniej tłumaczeń, tym lepiej. Projektuj przez analogie i podświadome mechanizmy.
  • Czas w doświadczeniu – projektuj narrację z wyczuciem: co ile sekund coś się zmienia, gdzie są momenty ciszy, jak prowadzisz uwagę.
  • Warstwa dźwiękowa – w VR audio ma ogromne znaczenie dla orientacji i emocji.

Podsumowanie: czy Twoja marka potrzebuje VR?

Nie każda – ale coraz więcej firm powinno ją rozważyć. Jeśli Twoja marka działa w przestrzeni innowacji, chce pokazać produkt w nowy sposób, potrzebuje wyróżnienia – VR to potężne narzędzie.

Dla projektanta to z kolei ekspansja zawodu. Zamiast projektować grafiki – tworzysz wrażenia. Zamiast szukać efektu “wow” – projektujesz obecność.

Jeśli planujesz użyć VR w komunikacji lub chcesz zbadać, jak ta technologia może wspierać rozwój Twojej marki – warto to zaprojektować z głową.

Chcesz porozmawiać o możliwościach VR w Twoim projekcie?

Napisz – razem stworzymy coś, czego nie da się przescrollować.

 

przez Rafał Leśniak

Enabling video autoplay on Safari Low Power mode

Introduction:

In today’s digital landscape, delivering a flawless video playback experience is crucial for engaging website visitors. However, Apple’s Safari browser presents a unique challenge with its default behavior of disabling autoplay in Low Power Mode. Fear not, as we explore a smart and effective solution to optimize video playback on Apple devices, ensuring autoplay functionality even in Safari’s energy-saving mode.



The Challenge of Safari’s Low Power Mode:

When users activate Low Power Mode on their Apple devices, Safari’s default behavior restricts autoplay functionality for videos. While this feature enhances battery life, it can disrupt the intended user experience and hinder the impact of video content.

The Smart Solution: Leveraging <img> Tag for Video Playback:

To overcome Safari’s autoplay limitations, a clever workaround involves leveraging the <img> tag for video playback. By embedding the video source within the <img> tag, we can trigger autoplay functionality specifically for Apple devices running Safari, even in Low Power Mode.


<script>
    var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
    
    if (isSafari) {
      document.getElementById("video").style.display = "none";
    } else {
      document.getElementById("img").style.display = "none";
    }
</script>

<video id="video" controls preload="metadata" autoplay="autoplay" playsinline muted="on" class="fullscreen-video" loop="loop">
    <source src="https://site.com/video.mp4" type="video/mp4">
</video>
<img id="img" autoplay="autoplay" preload="metadata" playsinline muted="on" class="fullscreen-video" loop="loop" src="https://site.com/video.mp4" alt="Poster image for the video">


Explanation of the Solution:

The JavaScript code snippet above checks if the user is using Safari and, if so, hides the <video> element while displaying the <img> element. This effectively enables autoplay for videos on Apple devices using Safari, even in Low Power Mode. For other browsers, the <img> element is hidden, and the <video> element is displayed normally.


Benefits and Impact:

Implementing this smart method allows website owners and developers to provide a consistent and engaging video playback experience across all devices, including Apple devices running Safari. By ensuring autoplay functionality in Low Power Mode, users can enjoy seamless video content without any interruptions, enhancing user engagement and satisfaction.


Conclusion:

Optimizing video playback on Apple devices, particularly in Safari’s Low Power Mode, is crucial for delivering an exceptional user experience. By leveraging the <img> tag and the JavaScript code snippet provided, web developers can enable autoplay functionality specifically for Safari, ensuring a seamless video playback experience for all users.

Greetings, tech enthusiasts and developers! Today, I want to share an exciting development that will be of particular interest to Apple device users and web developers. I’ve discovered a new method that enables autoplay functionality for videos on Apple devices, even when they are in low power mode. This is a significant breakthrough, as Safari, Apple’s default browser, traditionally disabled autoplay in low power mode.

The key to this method lies in leveraging a JavaScript script that dynamically controls the visibility of video elements on webpages, based on the user’s browser. Here’s the script:


<script>
    var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
    
    if (isSafari) {
        document.getElementById("video").style.display = "none";
    } else {
        document.getElementById("img").style.display = "none";
    }
</script>

This script detects whether the user is accessing the webpage through Safari. If Safari is detected, it hides the video element (identified by the „video” id) by manipulating its CSS display property to „none”. This ensures that videos won’t play on Apple devices in low power mode, aligning with energy-saving principles. For other browsers, the image element (with the „img” id) is hidden to maintain a consistent video display across different platforms.

Now, let’s explore the video elements used in this method. Here’s the code:


<video id="video" controls preload="metadata" autoplay="autoplay" playsinline muted="on" class="fullscreen-video" loop="loop">
    <source src="https://site.com/video.mp4" type="video/mp4">
</video>
<img id="img" autoplay="autoplay" preload="metadata" playsinline muted="on" class="fullscreen-video" loop="loop" src="https://site.com/video.mp4" alt="Poster image for the video">

The <video> element is configured with several attributes to control its behavior. These attributes include „controls”, „preload”, „autoplay”, „playsinline”, „muted”, and „loop”. By using these attributes, we ensure that the video is displayed with controls, only metadata is preloaded, autoplay is enabled, the video plays inline, it is muted, and it loops continuously.

In the event that a browser doesn’t support video within the <img> tag, we include the <img> element as a fallback option. It shares similar attributes with the <video> element but serves as a placeholder image.

This new method unlocks the full potential of video playback on Apple devices, even when they are operating in low power mode. It empowers developers to deliver seamless video experiences to Apple users, while also prioritizing energy efficiency.

Stay ahead of the curve with the latest advancements in web technologies and enjoy uninterrupted video playback on your Apple devices!

Your Donations are Welcome and Appreciated

If you want to make a donation to support new projects or thank for your work so far, this is highly appreciated. To make a donation, click PayPal.me to take care of the rest safely. Thank you for your support!

przez Rafał Leśniak

Budowanie marki w projektowaniu UI/UX: Rola wizualnej komunikacji i korzyści

W konkurencyjnym środowisku biznesowym budowanie silnej marki ma ogromne znaczenie dla przyciągania klientów i osiągnięcia sukcesu. W projektowaniu interfejsów użytkownika (UI) oraz doświadczenia użytkownika (UX), tworzenie marki wpływa na sposób, w jaki produkt lub usługa jest postrzegana przez klientów[1]. Wizualna komunikacja odgrywa kluczową rolę w budowaniu wizerunku marki oraz przyciąganiu uwagi klientów biznesowych.

W słynnych słowach Steve'a Jobsa: "Design is not just what it looks like and feels like. Design is how it works." Inwestowanie w atrakcyjne wzornictwo UI/UX jest niezwykle istotne dla budowania rozpoznawalności marki. Dobrze zaprojektowany interfejs użytkownika może wzbudzić zaufanie klientów biznesowych i zachęcić ich do dalszego eksplorowania oferty[2].

Zastanawiasz się, jakie korzyści przynosi budowanie marki w projektowaniu UI/UX? Oto kilka kluczowych aspektów:

  1. Rozpoznawalność:
    Silna marka przyciąga uwagę klientów biznesowych. Dzięki spójnej identyfikacji wizualnej, w tym kolorom, czcionkom, ikonom i elementom graficznym, marka staje się łatwo rozpoznawalna i wyróżnia się spośród konkurencji. Według badań konsumenci są bardziej skłonni wybierać i polecać marki, których logo i wizualny styl są im znane i kojarzą się z pozytywnymi doświadczeniami[3].
  2. Zaufanie: Solidny design UI/UX buduje zaufanie i wiarygodność marki. Wykorzystanie estetycznych i funkcjonalnych rozwiązań projektowych, które są zgodne z oczekiwaniami użytkowników, przekłada się na pozytywne doświadczenia klientów biznesowych. Kiedy użytkownicy widzą, że marka dba o ich potrzeby i oferuje intuicyjne rozwiązania, buduje się zaufanie, które jest kluczowe dla długotrwałego sukcesu. Według badań, aż 94% użytkowników deklaruje, że niskiej jakości design UI/UX stanowi powód do nieufności wobec marki[4].
  3. Zwiększenie konwersji: Dobra jakość projektowania UI/UX może przekonać klientów biznesowych do skorzystania z oferty marki. Przyjazny, intuicyjny i atrakcyjny interfejs użytkownika zachęca do interakcji i ułatwia nawigację po stronie internetowej lub aplikacji mobilnej. Według badań, 88% użytkowników jest mniej skłonnych do powrotu na stronę internetową po negatywnym doświadczeniu z UI/UX[5].
  4. Lojalność i powtarzalność zakupów: Dobrze zaprojektowane UI/UX nie tylko przyciąga nowych klientów biznesowych, ale również buduje lojalność i skłonność do powtarzalnych zakupów. Jeśli użytkownicy mają pozytywne doświadczenia z interfejsem i odczuwają wartość produktu lub usługi, tworzy się więź emocjonalna z marką.

Jak zatem zbudować markę w projektowaniu UI/UX? Istnieje kilka kluczowych czynników do uwzględnienia:

  • Spójność wizualna: Ważne jest, aby tworzyć spójną identyfikację wizualną, która odzwierciedla wartości i osobowość marki. Kolorystyka, typografia i elementy graficzne powinny być konsekwentnie stosowane w całym interfejsie.
  • Emocjonalne zaangażowanie: Projektowanie UI/UX powinno uwzględniać emocje i potrzeby użytkowników. Tworzenie intuicyjnych interfejsów, które są przyjazne i funkcjonalne, wspiera budowanie relacji z marką.
  • Badania użytkowników: Zrozumienie odbiorców to podstawa. Badania jakościowe i ilościowe pozwalają projektować rozwiązania lepiej dopasowane do realnych potrzeb klientów.
  • Iteracyjne doskonalenie: Projekt to proces. Testowanie, analiza danych i bieżące modyfikacje pozwalają rozwijać UI/UX zgodnie z oczekiwaniami użytkowników.

Podsumowując, budowanie marki w projektowaniu UI/UX to proces, który przekłada się na wyniki biznesowe. Spójność wizualna, zaangażowanie emocjonalne, badania i iteracyjność to fundamenty skutecznej strategii, która prowadzi do większej konwersji, zaufania i lojalności.

Przypisy

  1. Smith, J. (2021). The Role of Branding in UI/UX Design. Medium. link
  2. Normandin, J. (2020). The Role of UI/UX in Building a Brand. Medium. link
  3. Duggal, P. (2022). The Importance of Consistency in UI Design. Smashing Magazine. link
  4. Hersh, C. (2021). 10 Statistics That Prove the Importance of UX Design. CareerFoundry. link
  5. Abdul, I. (2022). How Good UI/UX Can Increase Conversion Rates. UX Collective. link

przez Rafał Leśniak

How to install Mac os Catalina on RAID 0

At the time of output mac os 10.13 was removed support for boot from RAID 0 drives.

 

 

I was looking for a solution. Post on apple developer remained unanswered.

The @taruga solution on real macs needed to be run in single user. In Catalina, the system disc is read-only, which makes the task even more difficult

 

 

The entry describes step-by-step installation process

 

 

  • Download Patcher from @dosdude1 site (@dosdude1 great job! ).
  • Create a bootable flash drive. If you need step-by-step instructions on how to create a bootable Flash Drive see the video:

 

If you’re using a Hackintosh. After creating the installer, install Clover on efi partition on usb installer. If your config and kext work with normal installation, they will also work with Raid. (If you need help with clover configuration you will find it on insanelymac)

 

  • After creating the usb installer Reboot.
  • Holding down the alt (option) key
  • Run the installer from the flash drive
  • Open the terminal remove the current raid and create the new one (the diskutil and gpt commands)

 

diskutil unmountDisk disk0
diskutil unmountDisk disk1

gpt destroy /dev/disk0
gpt destroy /dev/disk1

diskutil appleRAID create stripe Storage JHFS+ disk0 disk1

diskutil unmountDisk disk2
gpt create disk2
gpt add -t hfs disk2

 

 

  • Exit the terminal and open the disk utility and format the array APFS
  • Exit disk utility and install macOS Catalina.
  • The installer will continue again after the restart.
  • At the end you will see that the system cannot be installed. Remove installer & Reboot
    • this is necessary to continue with the internal drive and not with the installer on the usb
  • The installation error will pop up again.

 

  • click on the menu bar (call up by clicking on wifi) select the terminal from the utilities menu and type

 

/sbin/mount -uw /
mv /usr/standalone/bootcaches.plist /usr/standalone/bootcaches.bak

 

  • Restart
  • Select the flash drive installer again and boot

 

  • Choose Post Install patch.
    • check Apfs patch
    • SIP patch
  • Be sure you rebuild caches too, the option will show itself after the patches been apple is and its counting down
  • Finally Restart & Whala!

 

Post Install patch not working? Run in recovery mode Terminal and type:

 

csrutil disable

 

Restart

 

 

Post install

 

  • (Trim support) Open Terminal and type:

 

sudo trimforce enable

 

 

  • (Update dyld shared ) Open Terminal and type:

 

sudo update_dyld_shared_cache -root /

 

 

  • (Update Preboot ) Open Terminal and type:

 

diskutil apfs updatePreboot disk3s5

 

 

 

  • (Delete Recovery HD It doesn’t work on raid anyway.) Open Terminal and type:

 

diskutil list

 

 

  • Open Terminal and type:

 

diskutil apfs deleteVolume disk3s3

 

 

 

MacOS Catalina developer Beta 10.15 – 10.15.7 ( 19H1213 )

Download and install profile

Download the update. Install, you will see bless to place boot files failed. Just restart everything will work 🙂

 

 

 

Good luck!

 

 

 

Your Donations are Welcome and Appreciated

If you want to make a donation to support new projects or thank for your work so far, this is highly appreciated. To make a donation, click PayPal.me to take care of the rest safely. Thank you for your support!

przez Rafał Leśniak

xattrs problem with privileges

Yes, Mac has many enhancements to Unix in the area of files. Ignoring the whole resource fork thing which is not used much anymore, there are:

 

  • the standard Unix permissions ugo rwx and so on. Normal Unix tools apply.
  • ACL’s, viewable with ls -le and changeable with chmod [ -a | +a | =a ].
  • file flags viewable with ls -lO (Capital oh, not zero) and changeable with chflags.
  • extended attributes, viewable with ls -l@ (attribute keys only) and viewable and changeable with xattr. (Use xattr -h for help if man xattr does not give you anything.)
  • Starting with OS X 10.11 „El Capitan”, System Integrity Protection (SIP) further protects some files from changes from ordinary processes, even when using sudo to run as root. Files protected by SIP will be listed by ls -lO as having the restricted flag and/or be listed by ls -l@ as having the com.apple.rootless attribute.

You can be denied operations on a file because of Unix permissions, ACLs, file flags, or SIP. To fully unlock a file:

 

sudo chmod -N file  # Remove ACLs from file

 

sudo chmod ugo+rw file    # Give everyone read-write permission to file

 

sudo chflags nouchg file  # Clear the user immutable flag from file

 

sudo chflags norestricted file  # Remove the SIP protection from file

 

sudo xattr -d com.apple.rootless file # Remove SIP protection from file

If System Integrity Protection (SIP) is enabled, sudo chflags norestricted and sudo xattr -d com.apple.rootless will also return an „Operation not permitted” error. To clear the flag and/or attribute you need to boot into macOS Recovery and either run the commands from Terminal (you may have to first use Disk Utility to unlock and mount your boot drive, then remember your files will be under /Volumes/Macintosh HD or whatever your boot drive is named) or disable SIP altogether and then reboot and the commands should then work. Be aware, however, that future OS updates will likely restore the restricted flag and com.apple.rootless attribute to any files you removed it from.

Disabling SIP is not recommended as it removes lots of protection against malware and accidental damage, plus it is not necessary when you can simply remove the protection on a per-file basis. If you do disable SIP, re-enable it when you are done making changes.

Note that if ls -lO shows the schg flag is set, you have to get into single-user mode to unset it. I’m not going to get into that here as there are bigger questions about why the file has that flag set and why you are trying to mess with it and what the consequences will be.

More info

 

Your Donations are Welcome and Appreciated

If you want to make a donation to support new projects or thank for your work so far, this is highly appreciated. To make a donation, click PayPal.me to take care of the rest safely. Thank you for your support!

 

 

przez Rafał Leśniak

Around Jazz Good Vibes

Around Jazz Good Vibes

I wanted to share some music with you guys. Playlist is a mix of experimental break beat, minimalistic piano melodies, strong bass lines, drums inspired by electronic riffs. Elements of electronic music, trip-hop, jazz, rock and classical music Overall good vibrations 😉

przez Rafał Leśniak

Visual Key co to?

Zacznijmy może od tego czym Key Visual (KV) nie jest. Samo logo czy też logo umieszczone na obrazku to jeszcze nie KV.  Key Visual to symbole, kolory, font. KV to wszystko co ma budzić określoną reakcję. Powinno być kodem graficznym, przewodnim motywem identyfikacji. Key visual wzbudzaja emocję z którymi chcesz by była kojarzona twoja marka. Indywidualny KV ma odróżniać cię od konkurencji.

Bardzo ważna okazuje się systematyczność oraz konsekwencja w pokazywaniu tego samego wizerunku firmy. W tym zakresie mieści się zarówno przekaz reklamowy jak i inne formy komunikacji z odbiorcami.

Centralny punkt, figura, postać rzeczy lub osoby, wizualny klucz (key visual), zwany też optycznym punktem centralnym, który ma zwrócić i skupić uwagę, przyciągnąć wzrok (eye catcher)
– Krystyna Wojcik, Public relations od A do Z. Tom 2. , Placet, Warszawa 1997, ISBN: 83-85428-26-7 (44+2)

Logo potrzebuje wsparcia

Logo powinniśmy wspierać dodatkowym przekazem graficznym. Nie tylko tym samym kolorem, ale też kształtami, lekkością/ciężkością, stylem, charakterem elementów graficznych. Mowa tutaj o elementach dekoracyjnych, dodatkowych, które współtworzą wraz z logo jakiś komunikat wizualny np. szyld, ulotka, teczka albo reklama prasowa. Każdy z tych komunikatów wizualnych może wyglądać inaczej lub tak samo. W mojej opinii lepiej gdy wyglądają wszystkie tak samo albo bardzo podobnie.

Człowiek jest w stanie zapamiętać wiele obrazów np. zdjęcia, ilustracje, kolory itp. Dlatego istotne jest, aby nasza marka była spójna i konsekwentna w swoim przekazie. Zdjęcia powinny być w podobnej kolorystyce i stylistyce (podobne aranżacje). Czcionki najlepiej takie same. Ilustracje w tym samym stylu. Dopiero wtedy jest jakaś szansa, że zostaniemy zauważeni i pozostaniemy choć na chwilę w pamięci odbiorcy. Zaś tutaj wkracza do akcji wisienka czyli nasze logo. Ten drobny, mały i prosty znak graficzny widoczny na każdym komunikacie wizualnym ma nam przypominać przy różnych kontaktach, że mamy do czynienia ciągle z tą samą firmą. I właśnie po to jest logo, aby przypominało nam o wyglądzie i smaku tortu.

Przykłady:

PZU – 2 łuki wycięte z logo symbolizujące nawiasy i ochronę z obu stron. Bardzo prosty i zrozumiały motyw, a dodatkowo mocno powiązany z wyglądem logo. Identyfikacja wizualna dzięki temu jest wyrazista i wręcz nie da się nie zauważyć powiązania.  Widać, że tworząc logo od razu kreowano wygląd Key Visual.

The Great Catering – charakterystyczny ślad po akwarelach. Ilustracje warzyw i owoców oraz tło logo wykonane w oparciu o malarski efekt.

KV lini produktów

Firma która wypuszcza do sprzedaży wiele produktów, tworzy osobny Key Visual dla każdej z nich. Bo wszelkie podbrandy tworzy się dla innego klienta, kryje się więc za nimi odmienna treść. A ona zawsze jest spójna i wyjątkowa. Każdy najdrobniejszy element oddaje klimat konkretnej marki, aby nie pomylić go z gadżetem konkurencji.
Aplikując Key Visual, firma unika niejednoznaczności. Wszystko staje się jasne: gdy gdziekolwiek dostrzeżesz fioletową krowę, wiesz, że to Milka. Od razu w Twojej głowie pojawia się wspomnienie smaku rozpływającej się w ustach czekolady i nagle, pod wpływem takiego właśnie bodźca, masz ochotę ponownie jej posmakować…

KV jest szczególnie ważny w sytuacji wysyłania do różnych firm tworzących dla ciebie np. wizytówki, banery spoty reklamowe. Jednolita szata graficzna z grafiką, logotypami, claimami, disclaimerami (tekty, słowa przewodnie kampanii) pozwoli ci utrzymać spójność i nie pozwoli na bałagan spowodowany na przykład złą interpretacją przez wykonawcę materiałów graficznych dla twojej firmy. 

KV może być odmienny dla każdej kampanii. Marka powinna spójnie przedstawiać takie elementy jak kolory, fonty. By produkty lub usługi stanowiły czytelny komunikat.

Świadomość marki

Key visual jest to sposóbem na budowanie świadomości brandu. Sposób na zaprezentowanie konsumentom tego, dla kogo właściwe jest produkt A lub produkt B, jaka jest sama marka, jakie wartości chce promować, jak chce być postrzegana i z jakimi cechami chce być utożsamiana. Dzięki stosowaniu key visual można ukazać marki jako „bardziej ludzkie”, bliższe nam, czyli konsumentom. Produkty często prezentowane są w innym obliczu aniżeli sugerowane jest to przez dotychczasowe doświadczenie użytkowników. Czy piwo zawsze musi kojarzyć się z gorąco plażą, palmami i szeroko pojętym chill outem? Niekoniecznie – inwencja twórcza osób odpowiedzialnych za strategię marki można skutkować stworzeniem klucza marki, które przedstawia produkt np. w otoczeniu sportów zimowych.

raficzny motyw przewodni staje się szybko bardziej rozpoznawalny niż samo logo i czasem może występować bez niego, a mimo to produkt będzie w sposób oczywisty utożsamiany z producentem.

Dlaczego key visual jest ważny?

KV zapisuje się w pamięci odbiorców i pomaga rozpoznać markę. Poprzez grę barw, kształtów, wykorzystaniu znanych osób w wizerunku firmy i innym zabiegom buduje się także konkretne uczucia wobec produktu. Zabieg ten nazywany bywa “love marks”. Widoczny jest między innymi w reklamach Żubra. Silne zwierzę na łonie natury i zawsze stające w obronie słabszych. Czyż nie wzbudza to pozytywnych emocji?

Jak ma wyglądać Key Visual?

Przede wszystkim mniej jest istotne jak będzie wyglądał. Najważniejsze, aby był prosty i zrozumiały w przekazie oraz charakterystyczny szczególnie w swojej branży i w kontekście konkurencji.

Motywy graficzne:

  • typografia – stosowanie tych samych liter i o tej samej wielkości
  • ilustracje – taka sama stylistyka i charakter (również kolory)
  • zdjęcia – podobne aranżacje, pomysł, kadr itp.
  • układ grafiki względem tekstu 
  • konkretny element graficzny, który powtarzamy np. PZU.

Podsumowując:

  1. Myśl całościowo o wizerunku swojej marki
  2. Logo to tylko jeden z elementów większej układanki
  3. Zamawiając logo myśl o Key Visual jako najważniejszym motywie wspierającym przekaz wizualny Twojej marki
  4. Pamiętaj, że Key Visual ma wspierać zapamiętanie logo
  5. Logo ma być proste do zapamiętania, aby przypomniało nam o widzianym Key Visual marki

przez Rafał Leśniak

Wiszące spójniki InDesign

InDesign to obecnie jeden z dwóch najlepszych programów do składu i publikacji na świecie, ale wciąż nie posiada wbudowanego przenoszenia wiszących spójników. Poniżej przedstawiam działającą metodę na automatyczne przeniesienie spójników przy pomocy GREP.

Skrypt Wiszące spójniki który wszyscy znamy niestety nie działa z nową wersją InDesign,  skrypt działał do wersji CC i 64-bitowej wersji CS6. W każdym razie jest zonk.

Zatem jak przenieść wiszące spójniki: wejdź w menu Edycja > Znajdź/Zastąp (Edit > Find & Change).

W oknie dialogowym przełącz się na zakładkę GREP.

W polu Znajdź (Find What) wpisz:

(?i)\b([aiouwz])\x{20}

 

Kod ten podzielony jest na trzy grupy zamknięte nawiasami: początek jednoliterowego wyrazu, możliwe litery tego wyrazu, oraz koniec wyrazu + spacja. Zatem ta formuła znajdzie nam polskie spójniki z następującą po nich spacją.

Następnie musimy określić co chcemy zmienić.

W pole Zmień na (Change To) wpisz:

$1~S

 

Ta formuła oznacza zmianę drugiej i trzeciej grupy wyrażenia w polu Znajdź. Możemy to także zrobić klikając na ikonę małpy obok pola Zmień na i stamtąd wybrać Znaleziono > Znaleziono 2 i Znaleziono 3 (Found > Found 2 i Found 3). Zatem teraz, kiedy InDesign znajdzie spójnik, zmieni ten spójnik oraz spację za nim. Cała sztuka polega tu na tym, aby nadać tym dwóm elementom atrybut No Brake (bez łamania). Wtedy InDesign nie będzie mógł złamać linii tekstu po spójniku a będzie musiał to zrobić przed— przenosząc spójnik do nowej linii. I o to chodzi. Żeby nadać atrybut no brake, przechodzimy do pola Zmień format (Change Format) — jeśli go nie masz, kliknij najpierw w Więcej opcji (More Options). W polu Zmień format kliknij ikonę z lupką i literą i wybierz stamtąd Podstawowe Formatowanie Znakowe (Basic Character Formatting) i zaznacz ptaszkiem opcję Bez dzielenia (No Brake).

Kliknij OK. Wróciwszy do okna dialogowego Znajdź/Zamień, w polu Przeszukuj (Search) ustaw Dokument (Document) i kliknij Zmień wszystkie (Change All). Jeśli wszystko poszło jak należy, InDesign powinien wyświetlić komunikat o zamianie jakiejś tam liczby wystąpień. Powodzenia

Twoje darowizny są mile widziane i bardzo doceniane.

 

Jeśli chcesz wesprzeć nowe projekty lub podziękować za dotychczasową pracę, będzie to ogromnie docenione. Aby przekazać darowiznę, kliknij PayPal – reszta przebiegnie bezpiecznie i bez komplikacji. Dziękuję za Twoje wsparcie!

przez Rafał Leśniak

3D maping

Mapping 3D w reklamie

Mapping 3D jest to  projekcji w której jako „ekran” wykorzystuje się różnego rodzaju przedmioty najczęściej fasady budynków ale również samochody, produkty reklamowe. Obraz wyświetlany na przedmiotach wykorzystuje ich przestrzenną strukturę tworzy efekt projekcji trójwymiarowej. Jest to dobry przykład technologi która defrauduje opinie jakoby reklama interaktywna  była jedyną słuszną i aktualną forma reklamy.  Komunikaty reklamowe wykraczają poza przyjęte ramy, poszukując dla siebie miejsc w przestrzeni publicznej. I są stanie zatrzymać i skupić w niej uwagę zwykłego przechodnia oferując mu projekcje niepowtarzalnego cyfrowego spektaklu, odbywającego się w miejscu publicznym i wykorzystującego fasadę np. popularnego w danym mieście budynku.

Mapping 3D jest formą, której należy bacznie przyglądać się pod kątem zastosowań marketingowych. W Polsce na kampanie z użyciem tej formy sztuki decydują się obecnie tylko najwięksi gracze, głównie ze względu na wysokie koszty realizacji i rozmach. Ceny takich produkcji wahają się od 10 nawet do 100 tysięcy złotych. Przekłada się to jednak na wiele publikacji i darmowy szum medialny wokół eventu.

Mappingi są tak rożne jak ich wykonawcy, od projekcji video przez zautomatyzowane show zaprogramowane w aplikacjach komputerowych. Projekcje eksperymentalne pojawiają się na roślinach, pomnikach czy samochodach podczas targów motoryzacyjnych. Dlaczego warto zwrócić uwagę na mapping? Projekcje zmieniają zwykłą rzeczywistość w pełne barw i tańczące do muzyki show, idealne aby przyciągnąć widza czy potencjalnego klienta i na długo zapaść w pamięć.

przez Rafał Leśniak

walentynki kamery

Skąd wzięły się walentynki

[themeone_header type="h1" txtalign="txt-left" subtitle="Skąd wziął się zwyczaj obchodzenia walentynek? Jaka rola przypadła Walentemu? I co sprawia, że to święto cieszy się aż taką popularnością?" txtcolor="" decor="" decorcolor="" decorheight="2px"]
Skąd wzięły się walentynki
[/themeone_header]

Pogańskie święto

Walentynki mają swoje  początki w czasach pogańskich. W starożytnym Rzymie 14 lutego był wigilią Luperkaliów – świąt ku czci Fauna – bożka płodności, opiekuna trzód i zbiorów. Tego też dnia urządzano huczne zabawy, którym towarzyszyły liczne obrzędy. Podczas jednego z nich młodzi mężczyźni losowali panny, które były ich partnerkami na czas uroczystości. Losowanie polegało na tym, że dziewczyny wrzucały swe imiona i krótkie wiadomości miłosne do skrzynki, a następnie chłopcy spośród nich, z zamkniętymi oczami, wybierali sobie imię towarzyszki zabaw.

Święta te odeszłyby w zapomnienie po upadku Cesarstwa Rzymskiego, gdyby nie chrześcijaństwo, które już we wczesnym średniowieczu powoli zaczęło wypierać pogańskie zwyczaje. Zwierzchnicy kościoła zdecydowali zrobić w przypadku tego święta to, co robili z innymi ważnymi dla lokalnych kultur świętami. Wigilii Luperkaliów nadano chrześcijańską interpretację i ustanowiono je świętem, ale nie ku czci pogańskiego bożka, lecz zasługującego na to świętego – Walentego.

Trzech Walentych

W Kościele katolickim jest ośmiu Walentych, z czego 14 lutego obchodzi się święto aż trzech z nich. Jeden poniósł męczeńską śmierć w Afryce. Dwaj pozostali żyli w III wieku w Italii – jeden był księdzem w Rzymie, drugi zaś – biskupem Terni posiadającym moc uzdrawiania chorych. Według tego, co głosi legenda, jeden z dostojników cesarza Klaudiusza zwrócił się do niego o pomoc, kiedy zachorowała mu córka. Gdy Walenty uzdrowił dziewczynę, ojciec przeszedł z całą rodziną na chrześcijaństwo, co wywołało oburzanie cesarza. Rozwścieczony Klaudiusz rozkazał zabić uzdrowiciela.

Walenty – ksiądz rzymski, według innych podań, udzielał w najgłębszej tajemnicy zakochanym ślubów. Cesarz wydał przepis zakazujący legionistom wchodzenia w związki małżeńskie. Uważał on, że kawalerowie są lepszymi żołnierzami. Jednak ci mieli odmienne zapatrywanie na swój stan cywilny. I właśnie wtedy z pomocą przychodził im Walenty, który za swoją konspiracyjną działalność zginął męczeńską śmiercią.

Jeszcze inne opowieści opisują Walentego jako zwykłego chłopaka, który niósł pomoc chrześcijanom w chwilach utrapienia, za co został skazany na rozszarpanie przez dzikie zwierzęta. W oczekiwaniu na śmierć nakreślił list do swojej ukochanej (i zarazem pierwszą walentynkę!), który podpisał „Twój Walenty” ..

przez Rafał Leśniak