Saturday, 22 November 2014

Is Francisco de San Apple future of typography on OSX?

Cool factor of
Apple has been on the decline in the past two years. Successive IPhones have failed to rise sharply as the first generations of little; iOS7 was ugly and iOS8 has not remedied analysts predict a decrease in sales of the iPad as large screen Android devices flooding the market.


This is not to say Apple are not successful, they are easily the company more successful in their (s) field. Ironically, it is this leadership position that makes it so difficult for a company based around an alternative approach, to find a clear path forward. What Apple seem to be tempting, is to repeat since the 1980s and 1990s, strategies that have come to dominate the tech world. Watch Apple there, but perhaps the most important is the typeface that they were designed for it.


Comes with the SDK for Apple watch is an internal designed typeface called - in the tradition of the Apple font, after a town, San Francisco. According to John Gruber Apple were developing a cast of ' Apple without ' for years and it seems that San Francisco could be the result of this work. It is the first major internal typeface designed by Apple at any time, before, they relied on a redesigned version of Myriad and Neue Helvetica, Lucida Grande last replacement in the latest OSX, Yosemite.


So there was speculation that San Francisco will replace unpopular Neue Helvetica on iOS and possibly a later version of Mac OS x. It would be certainly curious business as mark aware that Apple does not unify the entire ecosystem. Sebastian's with a posted useful model of Yosemite to San Francisco on a retina display, and in this shot, it certainly looks a very plausible choices:



No matter how ubiquitous Apple intend to San Francisco to become, I can't help but feel that this is a bad solution to a certainly difficult problem.


While some commentators have drawn a comparison with Google Roboto, San Francisco appears indeed as an attempt to merge Neue Helvetica with DIN: as far as San Francisco differs from Helvetica, it corresponds DIN and vice versa.

sanfrancisco_comparison

San Francisco has a number of questions that you will find also in Helvetica and DIN, the difference is of course that Helvetica and DIN were designed for the screen. San Francisco has a certain visual rhythm that appeals, but there are clearly visible awareness of a grid of pixels. The meeting points of the strokes are not quite acute, the letters do not lead another, and there is simply too little distinction between the letters.


Google has managed to commission a good font Roboto, Mozilla commissioned a large cast in Fira without. How can you for Apple, a global, multi-billion dollar company to get something as fundamental as the right typography?


Descriptive uses image of San Francisco via Shutterstock.

Benjie Moss is editor-in-Chief at WebdesignerDepot. It is usually training for a marathon. You can follow him on Twitter @BenjieMoss. More articles by Benjie Moss

View the original article here

Friday, 21 November 2014

Webdesigner Depot gets a redesign

AppId is over the quota 
Quelques jours auparavant, le 11 novembre, nous avons célébré notre 6ème anniversaire ici sur JMD en révélant notre dernier remaniement.


Si vous visitez souvent, vous devriez remarquer facilement la plupart des changements, cependant, si vous laissez tomber juste de temps en temps le site vous sentirez similaire pourtant différents. En effet, si nous avons fait notre droit du travail, il doit se sentir plus minimal, plus élégant aussi bien que plus facile à lire.


Lorsque nous avons décidé de revoir jmd, nous avons voulu réaliser une meilleure expérience utilisateur en adoptant une approche plus minimaliste, simplifier et accélérer le site.


Nous avons considéré une mise en page de magazine pour le nouveau design, mais il senti impersonnel et écrasante de façon trop content et avait l'air un peu salissant ainsi. Nous avons traversé de nombreuses itérations avant de décider de continuer dans cette direction. Autour du web, nous constatons que de plus en plus contenu affiché sur les sites (en particulier les sites de tech) de submerger les utilisateurs avec trop de choix ces jours-ci. Nous pensons que cette nouvelle mise en page se sent plus intime, plus personnelle et plus facile à parcourir, étant un peu comme un croisement entre un blog traditionnel et un site de style magazine sans accablante de l'expérience utilisateur.


iphoneLa barre latérale a été réduit au minimum. Il est maintenant plus étroit et même les 200 × 125 annonces, qui sont maintenant affichées à la fois, semblent respirer avec amplement d'espace blanc autour d'eux. Initialement, nous avons supprimé l'annonce 300 × 250 plus grande sur le dessus de la barre latérale afin de créer une sidebar super minuscule avec juste les 200 × 125 annonces, mais cela a créé un problème pour certains de nos sponsors qui font la publicité fortement dans cette première place.


Nous avons également expérimenté avec la suppression de la barre latérale au total, tout en essayant d'intégrer le contenu de la barre latérale et en particulier les annonces dans le contenu dans une seule colonne, la mise en page est devenu lourd et désorganisé. Si WDD était libre d'annonces (un jour?), nous aurions probablement été une approche sans sidebar. Pour l'instant cependant, les annonces sont toujours nécessaires pour faire fonctionner le site et payer les factures, mais avec cette approche, nous pensons qu'ils sont moins envahissants et servent au mieux nos annonceurs et lecteurs.


Une des idées que nous voulions intégrer dès le début a été défilement infini. Nous avons demandé nos lecteurs par le biais de nos canaux sociaux rétroaction sur ce et fait quelques recherches approfondies et a découvert qu'il serait plus souvent négatif pour nos besoins. Nous croyons que le défilement infini fonctionnera le mieux pour les sites avec des images pour la plupart, mais pas nécessairement pour un blog où il semble se traduire par l'engagement de moins utilisateur (lecteurs juste faire défiler et défilement, pourtant ils s'adonnent moins avec le contenu). Bien sûr, il y a toujours des exceptions, mais pour JMD pour l'instant, nous sommes s'en tenir à une approche traditionnelle de la pagination et dire « non » à défilement infini.


Nous pensons que cette nouvelle mise en page se sent plus intime, plus personnelle et plus facile à parcourir, étant un peu comme un croisement entre un blog traditionnel et un site de style magazine.


Nous voulions WDD d'avoir un équilibre parfait entre ce que nous perçoivent comme des éléments de design masculin et féminin. Vous remarquerez l'utilisation extensive des formes masculines telles que des angles aigus, des carrés et des rectangles, mais aussi beaucoup de cercles est utilisés dans tout le site pour apporter un côté plus doux plus féminin.


En outre, nous ajouté de nombreuses lignes diagonales dans tout le site et même fait nos en-têtes en italique pour transporter ce composant diagonal tout au long. Le site se sent plus relié à toutes les formes, tailles et formes, tout comme la conception devrait être. Cela représente aussi la diversité du contenu que nous transporter sur le site, les différents auteurs, les multiples points de vue et ainsi de suite.


L'idée derrière le texte alternatif et de la présentation d'images sur les pages principales consiste à créer un équilibre du texte et les images des deux côtés de la colonne principale. Nous avons opté, encore une fois, pour ne pas avoir un poste recommandé sur le dessus, dont nous nous sommes sentis plutôt invite nos lecteurs à explorer davantage et vous pourriez effectivement vous retrouver appuyant sur « page suivante » plus souvent qu'auparavant, car le site devrait se sentir plus invitante pour parcourir et explorer.


Les en-têtes sont maintenant dans LFT Etica et tout en majuscules. Nous nous sommes débarrassés de la police de Adelle pour cette refonte que nous avons voulu minimiser les décorations et une police sans sérif était juste un meilleur ajustement pour cela. Le style gras extra lourd rend les titres vraiment pop et plus facile à lire. JMD a toujours été « gras » dans son approche de sa conception, mais celui-ci est peut-être notre conception plus audacieux encore.


Pour le corps du texte, nous utilisons Proxima Nova Soft, qui diffère Sans ouvrir dans notre conception de la précédente. La rondeur de cette police jugé appropriée pour le site car il ajoute une touche plus féminine, tandis que les en-têtes apparaissent plus masculins. Encore une fois, nous étions à la recherche pour créer l'équilibre dans tous les aspects.


Il y a des effets d'animation nouvelle, capotages, liens textes et petites touches ici et là qui rendent le site se sentent plus moderne et plus vif. Certaines modifications ont été également apportées dans le backend pour améliorer la vitesse de chargement et d'optimiser le site autant que possibles. Nous avons également une nouvelle page d'erreur 404 ! :)


Nous espérons que vous apprécierez la nouvelle refonte et surtout que vous continuez à profiter et partager nos articles.


Nous travaillons dur pour faire WDD une destination idéale pour tous nos amis concepteur et développeur et cette nouvelle conception est qu'une étape de plus dans notre voyage avec vous.


N'hésitez pas à nous laisser des commentaires ci-dessous avec des suggestions ou des questions que vous pourriez avoir. Nous espérons que vous apprécierez la nouvelle WDD !

JMD personnel est fier d'être en mesure de vous apporter ce blog tous les jours de web design et développement. Si quelque chose vous pensez que nous devrions parler de nous le faire savoir @DesignerDepot. Plus d'articles par personnel WebdesignerDepot

View the original article here