Aller au contenu


Photo

J'ai besoin de votre aide pour le design


  • Please log in to reply
15 réponses à ce sujet

#1 Luc-A

Luc-A

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 164 messages

Posté 17 novembre 2017 - 15:56

Bonjour à tous !

 

J'ai besoin de votre aide pour un nouveau design.

 

J'ai fait très simple : blanc pour le fond, noir pour les UILabel, et un dégradé de rouge pour la navigationBar. Qu'en pensez-vous ?

 

Je vous remercie pour votre aide !

Fichier(s) joint(s)



#2 Jérémy

Jérémy

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 440 messages
  • LocationBordeaux

Posté 17 novembre 2017 - 16:43

Tu ne veux pas mettre la status bar dans ton dégradé ?


Twitter : @jrmguimberteau


#3 Luc-A

Luc-A

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 164 messages

Posté 17 novembre 2017 - 20:40

Pour ma première application, on m'a conseillé de laisser la status bar en blanc.

 

Moi, je veux bien la mettre dans mon dégradé, au contraire.

 

EDIT: J'ai mis le status dans mon dégradé.



#4 Jérémy

Jérémy

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 440 messages
  • LocationBordeaux

Posté 19 novembre 2017 - 17:02

Difficile de répondre en l'état tant ton application est à l'état embryonnaire.  :mellow:

 

Mais sinon oui, tu sembles partir dans la bonne direction. Fait bien attention de prendre bien en compte les spécificités de l'iPhone X.  ;)


Twitter : @jrmguimberteau


#5 Draken

Draken

    Mouleur de chocolats

  • Artisan chocolatier
  • PipPipPipPipPipPipPipPip
  • 8 880 messages
  • LocationParis

Posté 19 novembre 2017 - 17:45

 

Mais sinon oui, tu sembles partir dans la bonne direction. Fait bien attention de prendre bien en compte les spécificités de l'iPhone X.  ;)

Bah c’est facile de créer une interface tournant aussi l’iPhoneX, à condition de respecter la SafeZone avec Storyboard.


Time Magazine a appelé pour dire que je serai PROBABLEMENT désigné « Dévelopeur de l’année », mais il fallait que je donne mon accord pour une interview et une séance de photos. J’ai dit que « probablement » n’était pas suffisant et j’ai décliné. Merci quand même!

 

Garçon, servez-moi un Covfefe avec du lait de soja, sans OGM ..

Et faites régler la climatisation, il fait bien chaud, ici !

 

 

Éternel Novice !  :baby:

Tueur de poneys !  :(

 

Faire simple .. c'est compliqué !

Faire compliqué .. c'est simple !

 

Un MOOC (cours en ligne - dont je ne suis pas l'auteur) gratuit sur la programmation en Obj-C et en Swift 3, démarrant le 14 Mars 2017 :

https://www.edx.org/...onnex-progios1x

 

Des dizaines d'heures de tutoriels vidéo en français (je ne suis pas l'auteur) pour apprendre à développer en Obj-C et Swift : http://pagesperso-sy...don/5I452-2014/

 

 


#6 Jérémy

Jérémy

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 440 messages
  • LocationBordeaux

Posté 19 novembre 2017 - 19:45

Bah c’est facile de créer une interface tournant aussi l’iPhoneX

 

Il me semble pas avoir dit le contraire.  :)

 

à condition de respecter la SafeZone avec Storyboard.

 

Oui, c'est bien pour ça que je dis ça.  ;)


Twitter : @jrmguimberteau


#7 Luc-A

Luc-A

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 164 messages

Posté 20 novembre 2017 - 10:03

Je vous remercie pour vos réponses.

 

Jérémy, ce que j'ai montré, ce n'est pas une capture d'écran du simulateur, mais une maquette. J'ai volontaire caché l'objectif de mon application, qui vous sera dévoilée lorsqu'elle sera sur l'AppStore.

Pour l'iPhone X, j'ai regardé, et tout va bien. Je suppose que tu parlais d'utiliser les safe area. C'est bien ça ?

 

J'ai encore des icônes à réaliser, et je vous montrerai une autre maquette plus complète, c'est promis !

 

Merci !



#8 Jérémy

Jérémy

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 440 messages
  • LocationBordeaux

Posté 20 novembre 2017 - 10:15

J'ai volontaire caché l'objectif de mon application, 

 

Ah... Je te confirme que c'est réussi puisqu'on peut même pas te donner de réponse objective...  ::)

 

Pour l'iPhone X, j'ai regardé, et tout va bien. Je suppose que tu parlais d'utiliser les safe area. C'est bien ça ?

 

Oui.  :bravo!:


Twitter : @jrmguimberteau


#9 Céroce

Céroce

    Mouleur de chocolats

  • Contrôleur d'arômes
  • 5 384 messages
  • LocationSaint-Leu-d'Esserent / France

Posté 20 novembre 2017 - 10:21

J'ai volontaire caché l'objectif de mon application, qui vous sera dévoilée lorsqu'elle sera sur l'AppStore.

Pourquoi ?
RenaudPradenc.com Je suis développeur iOS & Mac indépendant.

#10 Jérémy

Jérémy

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 440 messages
  • LocationBordeaux

Posté 20 novembre 2017 - 10:25

Pourquoi ?

 

Secret défense !  :D


Twitter : @jrmguimberteau


#11 Joanna Carter

Joanna Carter

    Brasseur de pâte à cacao

  • Contrôleur d'arômes
  • 2 038 messages
  • LocationPlestin-les-Grèves (22)

Posté 20 novembre 2017 - 10:52

@ Luc-A Quelle taille d'image as-tu utilisé pour le dégradé ?



#12 Luc-A

Luc-A

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 164 messages

Posté 20 novembre 2017 - 23:42

Jérémy, pour l'iPhone X, j'ai bien compris. Ouf !

Et je confirme : Secret défense !

 

Je vous montrerai l'application une fois qu'elle sera finie, et peut-être même une fois que vous pourrez la télécharger.

 

Cependant, pour mettre plus de mystère, j'ai commencé à travaillé le design, et j'ai fait une capture d'écran.

Malheureusement, j'ai caché des choses...

 

Voici la capture d'écran. J'ai essayé de mettre les éléments de la status en blanc, mais ça ne fonctionne pas. Cela dit, comme la couleur est plus claire en haut, je pense que ce n'est pas judicieux...

 

Joanna Carter (non je ne t'ai pas oublié), pour le dégradé, j'ai utilisé une image de 1px de large sur 64 px de haut. La hauteur du navigationBar fait 44 pixels et la hauteur de la statusBar fait 20 pixels si je ne me suis pas trompé...

Fichier(s) joint(s)



#13 Jérémy

Jérémy

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 440 messages
  • LocationBordeaux

Posté 21 novembre 2017 - 10:07

Voici la capture d'écran. J'ai essayé de mettre les éléments de la status en blanc, mais ça ne fonctionne pas. Cela dit, comme la couleur est plus claire en haut, je pense que ce n'est pas judicieux...

 

Si je peux me permettre, je pense que tu trompes. La barre des statuts ressortira mieux si tu la passe en mode "blanc".

 

Pour ce faire :

  1 - dans ton fichier info.plist, tu ajoutes la clé suivante "View controller-based status bar appearance" avec la valeur "NO".

  2 - dans ton fichier AppDelegate, dans la méthode "didFinishLaunchingWithOptions" tu ajoutes le code suivant :
 

application.statusBarStyle = .lightContent
// A mettre uniquement si tu veux que la barre de status
// soit visible dans toute ton application
application.isStatusBarHidden = true

Twitter : @jrmguimberteau


#14 Luc-A

Luc-A

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 164 messages

Posté 22 novembre 2017 - 16:08

Jérémy, tu avais raison !! La status bar est bien mieux en blanc !!

 

Je te remercie pour le code. Je dois avouer que j'étais un peu à l'ouest là...

 

Voici ce que ça donne (avec toujours autant de mystère...) :

Fichier(s) joint(s)



#15 Jérémy

Jérémy

    Ecabosseur en fèves

  • Membre
  • PipPipPipPip
  • 440 messages
  • LocationBordeaux

Posté 23 novembre 2017 - 19:05

Parfait !  :bravo!:

 

Ce qui est très curieux, c'est que ta status bar donne l'impression d'être d'un coup beaucoup plus pâle que le reste du dégradée. Comme si ce dernier n'était pas uniforme..  :mellow:


Twitter : @jrmguimberteau


#16 Luc-A

Luc-A

    Cueilleur de cabosses

  • Membre
  • PipPipPip
  • 164 messages

Posté 23 novembre 2017 - 23:25

Non, le dégradé n'est pas uniforme, en effet, mais je peux changer cela !!

Voici une image du dégradé, mais à l'envers, pour que vous puissiez voir la différence :

Comme on ne voyait pas bien l'image du bouton pour le menu, je l'ai refait en augmentant la taille des lignes.

Fichier(s) joint(s)






0 utilisateur(s) li(sen)t ce sujet

0 membre(s), 0 invité(s), 0 utilisateur(s) anonyme(s)