Hi everyone, I'm new here and I want to share my BBC News Graphics Mock with you. I only started making these a few weeks ago, there's a few GMB ones uploaded to my channel. The graphics were created in Keynote, then perfected in iMovie. Any comments are always useful, I'd love some feedback. Personally, I think it's quite good; I haven't got much time to create these as I'm doing my GCSE's.
For a beginner these are very good. However there are some niggles such as 16:9 safe areas which you need to take into account, also I'm not sure about the thin Helvetica you've used, it wouldn't scale down onto SD or iPlayer feeds very well.
Also I don't like how the BBC News titles loop over the "dual live feed" (?), I'd go for a slower rings animation, failing that just use an unfussy still.
Pretty good stuff so far, just needs some creases ironing out.
3 stars.
Read the Guide to Mocking thread at the Gallery home page, and pay special attention to the safe areas, you can't have content that close to the edge of the screen. You also need to look at the padding, and just use the one font.
For a beginner these are very good. However there are some niggles such as 16:9 safe areas which you need to take into account, also I'm not sure about the thin Helvetica you've used, it wouldn't scale down onto SD or iPlayer feeds very well.
Also I don't like how the BBC News titles loop over the "dual live feed" (?), I'd go for a slower rings animation, failing that just use an unfussy still.
Pretty good stuff so far, just needs some creases ironing out.
3 stars.
I didn't consider any safe areas when I designed it, I'll try and amend it in the updated version. The background behind the double OB was slowed down, but perhaps not enough. What do you think of 'The Papers'? It's the part of the design I like best. Thanks for your comment.
You have to ask yourself whether this is actually an improvement on the current design? The safe area issues mentioned above are important - and TV overscan is only half the problem, it's about the basics of good layout design - suitable padding, appropriate font weights - so perhaps this is something you can work on.
The breaking news headline: why does it start halfway across the screen when all the other headlines appear on the left? Do you propose to scrap the sub-headline text altogether? The width of the name straps: why that particular width? What happens if the text overflows - if someone has a long name and a long Twitter handle, for instance?
You wanted feedback on the newspapers - static images of front pages with very distracting whizzy video behind it. Transitions? Story zooms? Page animations?
Sorry if this seems negative but these are all things you might want to consider. (:
These titles are just a first attempt really. I wouldn't say the video was too dizzying, although it could be a little distracting. I think this kind of design would be more suitable than what the BBC News channel has at the moment; the graphics are getting outdated. Like I said, I was just giving this a go for the first time rather than thinking of improving the BBC Graphics. I'm currently working on some GMB graphics, I've thought about the safe areas and things like that.
Needs to be improved:
- The alignment of 'Clarkson' with 'Headlines'
- The safe zones
- Animations need to be faster, I suggest using the 'typewriter' motion on the text rather then 'wipe' and to be no longer then 0.60s.
- Text need to have weights, the current 'thin' is too thin for small screens, normally tags such as 'headlines' needs to be bold
er
- Space is needed around the boxes, the text seems to get right to the edge of the box and looks messy and uneven.
- The correspondent graphic takes 2.5seconds to actually appear on the screen, it needs to be a lot quicker.
- Change the background of the split screen to something a lot softer and less coloured.
- Why is the 'Morrisons' aston smaller then the 'Breaking news' box? It looks horrendous.
