Denna vecka i design 21 november 2014

Utmaningar och lösningar. Dessa är kärnan i vad en designer gör i ett visuellt format. Och det är vad vi tittar på denna vecka i design, från bättre sätt att designa lyhörda webbplatser till ett typsnitt för dyslexiker att presentera komplex information på ett prisbelönt sätt.

Varje vecka planerar vi att titta på stora produktversioner och uppgraderingar, verktyg och tricks och till och med några av de mest populära sakerna du pratar om på sociala medier. Och vi skulle gärna höra vad som händer i din värld också. Har vi saknat något? Släpp mig en rad på [email protected].

Designa bättre svarande webbplatser

? Det viktigaste att komma ihåg är att lyhörd design ska förbättra erfarenheter, inte minska möjligheterna för användarna, och alla designer och utvecklare bör inriktas på att göra detta mål till en verklighet.

Med antalet designers som arbetar med lyhörda designprojekt finns det en allt större betydelse för att skapa bättre mottagliga webbplatser. UX Magazine tacklade några av dessa problem i? 10 Responsive Design Problems and Fixes.?

Vad artikeln visade är att många designers står inför några av samma utmaningar när det gäller att tänka på responsiv design. Det visar också att med ett litet arbete kan många av dessa utmaningar hanteras på huvudet.

? Det viktigaste att komma ihåg är att lyhörd design borde förbättra erfarenheterna, inte minska möjligheterna för användarna, och alla designer och utvecklare bör sträva efter att göra detta mål till en verklighet ,? skriver författare Kirill Strelchenko.

Här kommer vi att markera de 10 problemen, men du måste gå över till UX Magazine för lösningarna.

  1. De visuella stadierna (sketching, wireframing) kan vara kaotiska och problematiska
  2. Placering av navigeringen är oklart
  3. Utseende av bakgrundsbilder och ikoner måste vara flexibla
  4. Visar data på små skärmar
  5. Skapa rika erfarenheter som faktiskt laddas snabbt
  6. Det tar längre tid att designa, utveckla och testa
  7. Att dölja och ta bort innehåll kan vara tufft
  8. Att konvertera fasta platser till lyhörda är inte lätt
  9. Äldre webbläsare stöder inte CSS3-media
  10. Inte alla förstår varför de borde reagera

Informationen är vacker

Creative Review har släppt sin lista över Information är Beautiful Award-vinnare för 2014. Galleriet innehåller en bra titt på hur man designar och presenterar mycket information på ett användbart och visuellt fantastisk sätt.

Vinnarna inkluderar:

  • Chris Whongs NYC Taxis: En dag i livet
  • Matthew Daniels 'projekt, Rappers, Sorterat efter ordförrådets storlek
  • Hyperakt och Ekene Ijeoma är flyktingprojektet
  • RJ Andrews kreativa rutiner

Du kan se varje projekt i detalj från Creative Review.

Designböcker och typ

Jag har läst massor av designböcker genom åren. Och de flesta var designade vackert - som du troligen skulle förvänta dig. Men har du någonsin tänkt på den design som faktiskt går in i dessa publikationer?

David Airey publicerade nyligen en bit på sin blogg,? Typeface Combinations används i Design Books ,? som ser på typsnittskombinationerna från några populära verk. Intressant noterar han att? Inte alla författare var ansvariga för utformningen av sina böcker.? Det här gör att du verkligen tänker på designen på ett helt nytt sätt: Kanske inte som författaren (eller ofta designer) tänkte på det, men hur det uppfattades av boktypografen eller formgivaren.

Posten tar en bra titt på några av de böcker som vi nog alla vet ganska bra och de primära tecknen och familjerna som används där. Kombinationerna är fenomenala i de flesta fall och visar användandet av fin typografi och hur man använder typografi för stora textblock.

Det är också intressant att se hur många typfamiljer som kommer att dyka upp i typografipaletterna i dessa böcker. Några av dessa typfältval kan vara vägledande för designtrender, men många av valen inkluderar brevformar av mer klassisk natur.

Typsnitt kan göra läsning enklare för dyslexiker

Designer Christian Boer kan vara på något som kan förändra hur människor läser. Hans nya typsnitt, Dyslexi, är utformad för personer med dyslexi, vilket kan göra det svårt för människor att läsa och förstå bokstäver eftersom element kan vändas, roteras eller blandas.

Tecknet, som visas på Istanbul Design Biennial, har brevformar som är unika på ett sätt som gör det separata i hjärnan hos personer med dyslexi. Teckensnittet fungerar genom att bokstäverna är utformade så att de nedersta sträckorna är tyngre än de övre streckarna, så att bokstäverna är mindre benägna att vara visuellt? (De flesta andra teckensnitt har däremot gemensamma slag från början till botten.)

? Genom att ändra formen på tecknen så att varje är tydligt unik, kommer bokstäverna inte längre att matcha varandra när de roteras, vänds eller speglas? Boer sa. ? Bolderhuvudstäder och skiljetecken säkerställer att användarna inte av misstag läser in i början av nästa mening.?

Han utvecklade typsnittet 2008 och den aktuella displayen går genom 14 dec.

För skojs skull

Vem någonsin visste att du kunde ha så mycket roligt med färg? HOW magazine har nyligen presenterats? 9 Förtrollande projekt med Pantone Matching System? och de kommer sannolikt att inspirera designers att spela med färg.

Var och en av projekten är en rolig användning av färgmatchning, till exempel Pantone Food Match-projektet ovan. Varje exempel är från en designer som faktiskt har gjort detta projekt. Så det är mer än bara några idéer om saker du kan göra. Det är ett galleri av saker som har gjorts.

De andra exemplen är:

  • Ölförpackning
  • Mosaic affischer
  • Små PMS-kort
  • Holiday affisch
  • Visitkort
  • gatukonst
  • Färgchipmagneter
  • Adventskalender

Nu vilka projekt är du inspirerad av att göra? Dela dina idéer (och exempel) i kommentarerna.