Inlägg taggade 'Design'

« Äldre inlägg

Safari Extensions

Ni som använder nya Safari 5 har kanske upptäckt att det nu finns stöd för tillägg i webbläsaren, likt Firefox och Google Chrome. Aktivera tillägg i Inställningar > Tillägg, och besök denna inofficiella blogg som samlar extensions tills Apple lägger upp sin samlingssida i sommar. Det finns redan några smarta tillägg. Jag använder GReader Checker, som er en knapp i verktygsraden som visar när nya artiklar droppar in i Google Reader.

Faktum är att jag själv har skrivit ett tillägg. Det var sent i måndagsnatt, när Apple hade tillkännagivit Safari 5 och den nya tilläggsfunktionaliteten. Jag ville testa verktygen, och skrev ihop ett tillägg som förändrar typsnittet på en webbsida till Helvetica Neue. Jag kallar tillägget Helvetify, och finns på undersidan jag satte ihop för eventuella flera tillägg jag tänker skapa.

Taggad #, #, #, #, #, #, #

Postad i Apple, Design

What’s new from Apple?

Apple inledde utvecklarmässan WWDC i San Fransisco igår, med Steve Jobs som talare. I det hav av rykten som fanns var det en ny iPhone-modell som var till mig synes mest troligt. Även en ny version av operativsystemet i iPhone och iPod touch skulle presenteras (det har redan visats upp, i mars, faktiskt). Utöver det hoppades jag på att Apple skulle göra MobileMe, deras paket av webbtjänster, gratis. Jag skulle glatt springa ifrån Googles gratis, men fula, tjänster och in i Apples armar – men icke. Då jag är en snåljävel stannar jag kvar hos Google for now, och dissar MobileMe och dess årsavgift på en tusenlapp.

iPhone

Till saken. Som alla hade trott anlände en ny telefon – iPhone 4. Det är helt ny design (inget snålt kort som 3GS) och den är … annorlunda.

Skärmen sägs vara helt underbar: den har mycket högre upplösning vilket gör text, bilder – allt – mycket, mycket skarpare. Utöver en ny skärm har Apple förbättrat kameran (inte en dag för sent). Den har nu 5 megapixlar, blixt, digitalzoom, och större lins. Den ska producera mycket bättre bilder, vilket man kan se i detta exempel. The big news? Dubbla kameror – nu också en på framsidan. Gött.

Next big thing? Man kan nu spela in video i HD (720p). Det är ganska stort för en telefon. Kvaliteten ser ut att vara helt godkänd: se exempel här. Du kan t.o.m. redigera video direkt på telefonen, med iMovie. Effekter, övergångar, text – rubbet.

I och med den andra kameran på framsidan har Apple nu tagit videosamtal till iPhone. Du kan nu med vilken iPhone 4-ägare som helst ringa upp med video helt utan extra kostnad, förutsatt att ni är anslutna till ett trådlöst nätverk. Apple jobbar på att ta funktionen till 3G-nätverk med operatörerna.

Sedan har vi multitasking, som Apple presenterade i mars. Ser ruggigt coolt ut, och ska inte dra ner på prestanda eller batteritid nämnvärt.

Nedan visas jämförelser av 3GS-skärmen och iPhone 4:s skärm. Skillnad, eh?


iPhone 4 ser ruggigt kompetent ut. Jag gjorde rätt som hoppade över den klena uppdateringen, även kallad iPhone 3GS, för ett år sedan. iPhone är nu nästan fullbordad – alla argument som nej-sägarna har gnällt om i alla år är borta. Vi har:

  • Bra kamera med zoom och autofokus
  • Video i 720p
  • Multitasking
  • YouTube
  • Navigation via GPS
  • MMS
  • Applikationer från AppStore, möjligt att gruppera och sortera
  • Sökfunktion
  • Videosamtal
  • Röstkontroll
  • eBook-läsare
  • Internetdelning
  • Alla funktioner finns här

Visa mig en lur från de andra noob-tillverkarna, som har alla dessa funktioner (vi räknar inte med alla andra smarta funktioner och tjänster från Apple) och levereras i lika snyggt fodral och lättanvända gränssnitt, så springer jag till Göteborg och tillbaka. Så jävla ägda, Nokia-SonyEricsson-Palm-HTC-Google-Samsung-Motorola-HP-etc-etc.

Safari 5

Apple har även släppt en ny version av webbläsaren Safari. Den finns för nedladdning här, och för mer sig lite gott. Den nya versionen är ruskigt snabb (dubbelt så snabb som Chrome 5), stödjer ännu fler saker i HTML5, ny sökmotor (Bing) och bäst av allt – tillägg. Äntligen har Safari fått det som Firefox och Chrome har haft en tid. Känner jag Mac-communityn rätt tror jag dock att kvaliteten på Safaris tillägg kommer vara way more högre än de andras. Läs om alla nya funktioner här.

Använder du Firefox på Windows – installera Safari och testa, annars kör Chrome. Kör du Firefox på Mac – vakna upp och använd Safari, eller testa Chrome. Kör du Internet Explorer till Windows – helvetet har en särskild plats för sådana som dig. Snälla, installera någon annan webbläsare.

Taggad #, #, #, #, #, #

Postad i Apple, iPhone

Back in White

Whoa, vad vädret är crazy nu. Ni minns att det var så gott som vår i Calgary för några dagar sedan? Solen sken, fåglarna kvittrade, barn lekte, osv. osv. Jag trodde på allvar att jag kunde skippa jackan inom ett par veckor. Men nej: i torsdags började det falla vitt mögel (snö) från himmelen. ”En liten köldknäpp”, tänkte jag. ”Det är över snart”. Men det snöade mer och mer, och jag vågar säga att inom en halvtimme var det full storm! Helt allvarligt. Jag kunde inte se andra sidan av gatan, än mindre parkområdet. Helt crazy – på bara en halvtimme!

Annars rullar det på. På fritiden arbetar jag på med redesignen av min personliga hemsida. Bort med den enkla kontaktsidan – den nya designen blir ”mer” av allt. Portfolio, journal (blogg) och mer. Men jag ska låta det ta sin tid. Fila på allt tills jag är nöjd (högst orealistiskt, men jag försöker).

Inte alltför längesedan hjälpte jag Mathilda med en poster för en utbildning på hennes universitet. Jag blev nöjd:

Jag samlar också på mig massor med idéer om kommade design- och webbprojekt. Det är något som inte hänt förut: jag tänker på något speciellt område, och BAM! – ett verktyg eller tjänst bara byggs upp i sinnet. Allt verkar så självklart, förutom tiden man ska ha att förverkliga den. Jag får se vad som händer när jag kommer hem till Sverige igen (oktober). Min dröm vore att börja lätt med frilansning inom webb och grafisk design, mest för att samla erfarenhet och kunskap inom området. Men det är en hård väg som frilansare (har jag hört), men om man tar allt i små steg och sunt förnuft kan man erövra världen™.

Jag kämpar på med böckerna också. ”The Templar Revelation…” är en seg jäkel, men jag ämnar läsa ut den. Kollade igenom ”The Tattoo Encyklopedia” igår – hyfsat intressant. Stod inget jag inte redan visste. ”The Way of the Celtic Tradition” var inget speciellt att hurra över heller. Jag får leta vidare inom det området. Har ”The Templars: the History and the Myth” kvar, och den känns faktiskt bra. Efter det ska jag läsa igenom ”Rework” och sen läsa om ”No One Here Gets Out Alive”. Gött.

Taggad #, #, #

Postad i Design

Té i Small, Medium och Large

Té på klädhängare. Mycket finurligt och får en att dra på smilbanden. Bara idéen att konstruera en inbyggd liten krok för tépåsarna förtjänar Nobelpris. Eller något … I vilket fall skulle jag köpa detta bara för designen.

via swissmiss

Taggad #, #

Postad i Design

New Suit

Första inlägget på den ”nya” bloggen. Utseendet är lite fräschare, men saker är fortfarande under uppbyggnad. Då jag är en working class hero numera har jag begränsat med tid, vilket är lite småtrist i vissa fall. Jag är i vilket fall hyfsat nöjd över det nuvarande temat (som bara tog mig två kvällar att bygga).

Att göra en redesign handlar inte om att bygga om saker från grunden. Man bör se vad som var bra och fungerade i den gamla designen, och spinna vidare på just de detaljerna. Jag gillade den ljusa framtoningen i temat jag hade på johanbrook.wordpress.com. Det var vit bakgrund, sen pang – innehåll. Det jag inte gillade var alla linjer i designen, avsaknandet av en huvudnavigation. Jag ville även kunna finlira lite själv. Det nya temat kallar jag ”Dyluni” – en form av det walesiska ordet för ”design”. Topprubriken är satt i Futura, de andra rubrikerna är Helvetica Bold och brödtext är Cambria. Dessa fonter andas ärlighet, på något sätt. Byggde även in två widgets till höger: en för Twitter och en för Flickr. Funkar bra.

Jag har dock en känsla av att delar av denna design inte blir långvarig. Jag har en ovana att inte kunna bestämma mig, och det inte är lätt när man inspireras av så många andra sidor. Just nu grubblar jag över huruvida det inte skulle vara bättre med en helt centrerad design, dvs. inte vänsterjusterad som den är nu.

Så, folk. Jag måste banka in detta ganska frekvent under en tid: surfa in på http://johanbrook.com/blog istället för http://johanbrook.wordpress.com i framtiden. Jag varnar er: Tengil ser och hör allt – gör det rätta.

Imorgon börjar jag inte förrän 16.00! Waaah! Ruggigt skönt att sova lite. Första gången jag jobbar stängning, så det blir intressant.

Taggad #, #, #

Postad i Design

The Starbucks Menu Cheatset

Inför starten på Starbucks lade i förra veckan lite tid på att skapa en översikt av företagets kaffemeny. Den på deras hemsida var inte direkt överskådlig om man behövde snabb referens, och mitt mål var att snabbt kunna särskilja de olika drinkarna. Genom att kombinera nytta med nöje på detta vis lärde jag mig menyn bara genom att skapa summeringen, vilket är skönt.

Jag var tvungen att hämta info från flera källor, då Starbucks hemsida inte alls gav all fakta. Jag är också medveten om att den inte är helt komplett, men det är något som lätt kan ändras i framtiden.

Starbucks Cheatset by Johan (PDF, 3 sid.)

Taggad #, #, #, #, #, #, #

Postad i Design

Johanbrook.com Redesign

I och med att jag införskaffade domännamnet johanbrook.com kändes det som att den uppfräschning var på sin plats. Den tidigare designen (som jag råkade skriva över, och därför inte kan visa här) var ljus, ogenomtänkt och saknade kontraster. Koden var lika rörig som en myrstack efter en svensexa och det enda som gick att göra var att göra om allt.

Första iterationen framkallade denna design:

Johanbrook.com Redesign Utkast

Egentligen ska det vara en ensam orangebrun gitarrform högst upp. Jag utgick från den filen när jag skapade nästa version, och än en gång råkade jag spara över originalfilen. Tänk er alltså en gitarr där istället.

I övrigt ville jag köra lite mer propert med layouten och typografin. Seriftypsnitt och centrerat. Jag arbetade ett tag med ikonnätet där nere. När man hovrar med musen över visas en text, och ikonerna själva hoppar till lite. Fancy. Ni kan kolla live HÄR.

Allt eftersom jag arbetade med sidan kändes det som något var fel. Detta var inte en redesign – det var en evolution. Jag tänkte inte nytt. Därför började jag om igen (det enda att göra). Spånade runt på internet efter inspiration, och hittade sida där designers hade inspirerats av affischer av schweiziska konstnärer från 50- och 60-talet. Det var Helvetica (typsnitt) och spartanskt färgval så det small och blev över. Det var då jag kände klicket; jag ville också göra något liknande.

Nu är ju min version inte alls så komplex och avancerad som vissa andras, men det tog sin tid att skapa den ska ni veta.

Johanbrook.com Redesign

Sparsmakat, rent, och Helvetica! Jag använde mig mycket av halvtransparens här. Textfärgerna är inte helt solida, vilket ni ser om ni laddar om sidan. Magi! Bakgrundsfärgen slumpas vid varje besök samt när man klickar på plustecknet under rubriken. Alla plattor är halvtransparenta vilket möjliggör olika toner m.m. Denna design känns mer alright än de förra. Se gärna närmre på gitarren bredvid mitt namn också. Surprise, surprise.

Om jag inte sagt det förut är denna sida skapad för moderna webbläsare. Internet Explorer 6 är alltså borträknad med råge. För bästa effekt, se den med Safari 4, Google Chrome eller Firefox 3.5.

Det var detta kreativa utlopp. Snart tröttnar jag väl på denna layout och gör om allt. Igen.

Taggad #, #, #, #, #, #, #

Postad i Design

Great work

Så vill jag säga till mig själv idag. Har nästan överträffat mig själv med en grej. Riktigt nöjd.

Nu tvådubbla avsnitt av Scrubs. Imorgon in till Gävle och plåstra om skadad Mac och möjligtvis checka nån PC också.

Taggad #

Postad i Design

The Power of Time Off

Såg en video från en föreläsning av Stefan Sagmeister, en av världens främsta designer och grundare av Sagmeister Inc (ruggigt grym sida). Talet var så inspirerande att jag känner mig tvingad att sprida det. Se nedan. Rekommenderas till alla, även de som inte intresserar sig för design och formgivning.

[ted id=649]

Se hela (fler föreläsningar här). Gillar hans inställning till yrket (och livet) grymt hårt. Att hans verk är smärre underverk gör inte något sämre. Det är med både glädje och avund jag ser hans arbete. ”Jag vill också…”, ”varför tänkte inte jag på det?” dyker upp i huvudet kontant. Detta är nog ytterligare en knuff på mig, för det är i något av denna stil jag ämnar att bli. Tror jag.

(via Macpro)

Taggad #, #, #, #, #, #

Postad i Design, Serious stuff

Österfärnebo BIO Redesign

Känner mig som en Da Vinci som hoppar från projekt till projekt. Har nu redesignat bioklubbens hemsida. Jag gjorde första versionen för många långa år sedan, och visst fick jag en nostalgisk tår när jag kollade in den. However så fick jag genom min syster reda på att föreningen ville lägga in info om en ny film, och jag kunde inte leva med mig själv om jag inte gjorde något åt hemsidan som den såg ut då. En redesign behövdes. Jag satsade på enkelt och stilren och få element, så man snabbt får en överblick. Visst – för ett otränad öga ser sidan inte mycket ut för världen, men ni ska veta att jag slet ett bra tag med scroll-effekten och den zoomande boxen som innehåller kartan. Var ett tag sedan jag höll på med sådant. Kändes dock bra att boosta ut en helt ny sida på ett halvt dygn. Speed-webbdesigning kallas det. Nu på sluttampen lade jag till funktionalitet för uppskrivning på en maillista som ska notifiera när nya filmer kommer. Jag ser all erfarenhet som bra erfarenhet, och jag tackar inte nej till det jag älskar mest: att skapa designer som människor uppskattar.

BIO Rivoli

Och for the record: sidan ser bäst ut i Safari, Chrome eller senaste Firefox (v.3.5). Finns att skåda på http://osterfarnebo.com/bio

Taggad #, #, #, #, #, #

Postad i Design

« Äldre inlägg