Graphic design
menu for this section of the site
Design studies
menu for notes relating to this section on graphic design

The odds and ends of design

Bedouin dancing at a traditional razeef

There’s a wide range of designed material with which we can make an impact. Unless you are a professional designer you are unlikely to win a commission to design the packaging for a commercial product, but it’s quite possible that, if you are known to have a computer and design software, you may be asked to produce something for a local event, give some pro bono assistance or just create designs in your day to day work at the office.

Rose and postit note

The point is that we are all instantly affected by the visual experiences we see around us, and a graphic of some sort or another is known to be an immediate way of making an impact or getting a message across. This attitude, incidentally, is at the root of many of the unmemorable presentations we are all subjected to, though it has to be said that presenters have much to do with the problem. Lack of training seem to deter nobody. Somehow it is felt that by using a computer a professional design will automatically be produced. In fact there is so much design around that it’s difficult to sort out the wheat from the chaff – particularly as, in Britain, we don’t receive a good visual education. But that’s another story…

Musharabiyah grille

Sometimes during this process studies are made of a particular design interest or problem and which illustrate something which might be developed later. These drawings, which illustrate different characters of geometric patterning, are of – from left to right:

  • an Arabic grille, or mushrabiya
  • a Celtic design, and a
  • cosmatesque design,

all of which were created while investigating patterns associated with Islamic studies. The musharabiya is a very strong, traditional design, here based on ten-point geometry. While carrying out research on Arabic geometric design, I was also looking at other cultures and their geometries, in the case of Celtic – in the middle – with a view to comparing and contrasting the different structures. The pattern on the right is a cosmatesque design and was drawn for comparison with the two geometries adjacent to it. This latter type of patterning, originating near Rome, exists in England only in the pavements inside Canterbury Cathedral and Westminster Abbey.

Qatar outline Qatar outline Qatar outline

These three patterns are part of a hand-drawn study series I made on Arabic/Islamic geometries quite a time ago. The drawings were developed with only a compass and straight edge in order to explore the manner in which I have seen craftsmen setting out their designs on gypsum panels before carving them. The three are also all based on ten-point geometry which, as I’ve explained here, relates to the Golden Section, a relationship considered to demonstrate a perfect proportion, and one which is found in many Islamic geometric designs.

I have placed the central pattern here in order to show the even grid on which a variety of patterns can be developed. The top and bottom studies were investigations into two door panels, and are relatively common patterns in the Islamic world. The studies looked at the variety of patterns that can be developed from similar geometries. Here I have illustrated only two-dimensional line patterns, but they can be seen to be quite different from each other. When coloured in as they would be in Islamic tilework, there are an infinite number of ways they can be presented.

A pair of studies of Islamic geometrical patterns

This pair of A4 sized graphic images were made expressly for an exhibition of a variety of artworks. Both of them are studies based on Islamic geometry, but they differ in their character. That on the left is purely linear, is based on ten-point geometry and shows something of the construction of a decagon at the bottom of the image with two design developments based on that geometrical device linked above it. By contrast, the design on the right is based on eight-point geometry for which all the construction was first set out but which, on developing the pattern, I chose to omit as its complexity, while interesting on close inspection, conflicted with the simplicity of the design, reducing its overall graphic effect.

A pair of studies of an Islamic geometrical pattern with and without construction lines

There is a secondary effect here; the design on the left above has its external points aligned at the top of the design whereas that on the right sits with its straight edge at the top, displaying heavily on the page compared with the design above left. Turning the right hand design through 45° would give a much more lively effect as can be seen in these two illustrations. Something of the confusion is shown here with some of the additional construction lines shown on the left.

The beginnings of a running pattern based on the design above

Using the square design above as a basis, I then developed a running pattern as a design exercise. If you look at the junction of the repeated design blocks you will see that the design is not a simple repetitive one, but has a lack of symmetry there which, to me, creates a slightly richer and more interesting design, though creates a lineal emphasis along the line of the pattern, in this case moving right to left.

An exercise to create an optical illusion

At the same time as I was developing an interest in the construction of Islamic geometrical patterns, it appears I was producing associated drawings based on the same geometries. This old drawing illustrates a classic impossible triangle, yet the basic construction can be found in many Islamic patterns. Here the underlying geometry is far more complex than is needed, but would have been set out to make the drawing more interesting. It’s not a particularly interesting study, but it’s a contrast to the patterns above.

Exercise with red dots

Line drawings were not the only way patterns were investigated when beginning to examine their underlying geometries. This small study for a larger piece of artwork – the original being around 150mm across – was based on a simple underlying hexagonal grid, shown to the right with sets of lines at 60° to each other. It is essentially the same basis on which a honeycomb is constructed. There are different ways of reading the pattern, but at its simplest it can be seen to be part of a field of mutually touching circles from which a number have been removed, based on a consistent rule. The overall pattern shown here should be familiar to anybody who has worked with isometric grids or projections.

Exercise with red dots on a blue ground and green dots on a yellow ground

A number of other studies were carried out at the same time as that illustrated above. Some were based on the principles governing Islamic and Arabic geometry – one such is illustrated on the left of these two examples which is based on five-point geometry – and some on a different principle relating to a series of decisions governing the distances between the centres of the dots – such as that illustrated on the right.

Exercise with red dots Exercise with red dots

There are a lot more studies on the Arabian / Islamic geometry pages, particularly on page 1 and page 2 of that section. These sketches are placed here as the original two were made casually many years ago with the latter two designs made more recently, the common theme being that there was little design intent behind them. You might think of them as doodles.

The first of the four illustrations, top left, was the original sketch drawn with a pencil line on paper and based on 8pt geometry. It was drawn to see a rosette might be developed to produce a number of shapes which might be coloured. The illustration, top right, was traced on top of the initial drawing with red ink, creating a series of outlines. That was forty-five years ago. More recently the outline was photographed, transferred to the computer and simply coloured in a drawing programme, the two images shown being the initial colouring and its inverse in order to gain an idea of the feeling each might engender in the viewer. This process is investigatory: there was no end in mind.

Ribbons used to create a six point geometrical pattern

While investigating geometrical patterns some time ago I made a small example of patterning using coloured ribbons. The exercise was never made into a more worked example, but this small item sits pinned to my pinboard where it has been ignored for years. It is yet another example of a quick design investigation which has yet to bear the fruit of development into a finished design or something of practical use.

Chinese dragon

Much of the design work I carried out years ago has been lost or disappeared for one reason or another, usually for the better. But every now and again I come across work I executed a long time ago and that has been set aside, lost or misplaced, and not seen the light of day for years. Perhaps that is for the best, but this study is one such drawing I must have made forty or more years ago. It reminded me that it was a study for a woodcut I later made, my first essay into woodcuts. I recall that the design was the basis of a series of greeting cards, each different by the way in which the block was inked, particularly in the colours used. But this was an original sketch that was eventually used as a basis both for the wood blocks as well as printed designs.

A Chinese dragon

The reason it has been placed here is not because it has any great merit but because it reminds me of the days when drawings were made by hand. I know this was not the only drawing I made as this one is unfinished and at least one other drawing had colour and shading added to it. I suspect it was carried out by first drawing in pencil and then going over the lines with a Rapidograph pen, a favourite method in those days, though I sometimes used a Graphos or calligraphic pens to give more character to lines.

Note how boring the even line of the pen is here. Also it is important to bear in mind that original sketches for wood blocks are designed in reverse for the final image that is required.

Two Chinese dragons

The only copy of the woodcut I have is added for comparison. Each print was different both in colour, in the number added to the print, and to their positioning on the print. The design immediately above has been developed from one of the two images here so that something of the texture can be seen, creating something of the character of the scales of the dragon.

Qatar outline

From time to time there is a need to produce a quick design for one reason or another. Here a pair of crossed pencils was quickly drawn for a small project. The perspective is not correct, but it met the need. To the right, an A4 cover was needed for a report about the State of Qatar in the Arabian Gulf. It’s unusual coastline, similar to the outline of a hand and linked to a sloping coastline of Saudi Arabia, suggested the staggered, overlapping design with the colours being an approximation of the colours of sand and sea.

Visiting cards

And, to the right, are three examples of visiting cards, proving the rule that a designer really shouldn’t work for himself or, perhaps more accurately, he really should know when it’s time to stop. They are all completely over-designed and not at all good of their sort. The good news is that none of them was used because at least I recognised they were poor. I really must have another go at it…

JL visiting card

On the right of the three visiting cards is a design based on my signature in Arabic. It is not ’proper’ Arabic writing or calligraphy but is a version of my signature based on the ’tughra’ – a stylised form of calligraphy where the artist is permitted considerably more latitude than there is in the rules of basic calligraphy. It is a design which catches an Arab’s eye, but perhaps not for the right reasons. There’s a larger version of it below, right.

And here to the right is yet another visiting card, quickly made and relating to this site. I prefer it to the others in that it’s simpler and has better proportions, being based on the Golden Section. Looking at it now I can see that it can – and needs to be – amended.

Visiting cards Callilgraphic tughra

Here, to the left, is a sketch design made to illustrate a children's story relating to an old diary. It’s useful to make quick sketches to see if you are working on the right lines. A version of this would have been developed as a frontispiece to the book. To the right of it is a version of the same piece of calligraphy you can see a little further up the page as a visiting card. I struggle with this particular design from time to time knowing more or less what I want to do with it but never quite being able to get exactly what I want out of it. I think it works well as a hand-drawn piece of calligraphy but not so well when formalised.

And this design, to the right, is the latest formal version of it complete with vowelling – the diacritics – but is nowhere as attractive as the tughras produced by the Ottoman empire where the rulers used their tughras as seals, the design having a legal resonance on official documents. This version of the design is getting a little nearer what I want to create, but I think it still has a long way to go in terms of the geometry of the different curves.

calligraphic letters jeem and lam

It is not easy to work Arabic calligraphic designs without a thorough understanding of the rules governing them. I admit that I don’t have this knowledge but it still fascinates me enough to persist in attempting to produce simple designs of the character shown here. This may not be correct but it has a balance that appeals to me. I shall continue to work on it and see if I can improve it. The design is based on the two characters jeem and lam, though I have to admit it appears to be more like jeem and kaf.

calligraphic letters jeem and lam

So here is another simplistic attempt at the same two letters, this time drawing the lam a little more accurately. As a general rule there is considerable latitude allowed in artistic interpretation but, at the back of a calligrapher’s mind there are rules that take years to learn and not readily set aside. The benefit to me is that I don’t know the rules and have more latitude than I should. In this study I have made the letters heavier by significantly altering their proportion. Again, this is a study that should take far more time than I have put into it. Studies such as this deserve better.

A group of design studies based on the word ‘hub’

By contrast, here is a selection of graphic studies that were made when investigating a design to be based on the Arabic word for ‘love’, itself one of a series being developed as a related series. The intention was to produce a design that could be used for either a simple, clear graphic poster or, perhaps, a greeting card. The scale of this graphic may not be the best way of demonstrating the strength of the alternative designs as, here, they are small and closely grouped whereas a final design will need to stand by itself on a ground with considerable white space in order to focus on the strength of the graphic’s form. In giving the design further life, it was thought to be particularly important to make a clear distinction between heavy and fine lines, to balance the proportions of the word with its decorative elements, and to introduce a strong colour as a further balancing device.

An eid mubarak design

This design is based on something I saw and that appealed to me. Designers often find their inspiration from designs that catch their eye and, with a massive amount of work available to us daily, it is difficult not to be affected by other people’s work, either consciously or subconsciously. Here a simple Arabic greeting, eid mubarak, has been repeated and coloured to provide what I hope is an interesting pattern. The work should be seen at a larger scale than is illustrated here as it’s designed to decorate a card. Again, more work is required to produce the optimal relationship between the different lines.

A design for a greetings card A design for a greetings card reading ‘Eid Mubarak’ A design for a greetings card reading ‘Eid Mubarak’, with five rotations

These next three designs were originally based on the same lettering. While the first is developed using a proper font, the second and third designs ended up as being hand drawn, but in a drawing programme rather than freehand – though nearly all designs are initiated freehand before using a drawing programme.

There are a number of different ways in which people greet friends and relations on their cards on the occasions of New Year and ’Eid. This design was produced for a card and reads ‘kull ’aam wa antum bikhair’ using the phrase turned round a centre six times. Roughly translated it reads ‘I wish you blessings every year’ or, perhaps ‘…throughout the year’, and is perhaps more appropriate at the New Year, rather than at ’Eid.

The script is based on a standard Arabic font and the words given different weights and colours with a little bit of work to achieve the overlaps in the last word. The idea was to create the effect of a knot at the centre with the rest of the words falling away to create the star. In common with many of the ideas that come to me, it could have done with a bit more work before seeing the light of day…

The next design might appear to be a more traditional work of calligraphy. It was drawn in a vector programme and then rasterised in order to add effects, notably the drop shadow, now appearing to be a little jaded in graphic design terms. It reads ‘Eid mubarak’ and, looking at it here, appears to use the same colours as many of my other illustrations. As I’m not an Arabic speaker there are likely to be a number of mistakes in it so I can’t advise copying it, or the one below for that matter. As with the design above, now that I see it in place, I can see a lot of amendments that might usefully be made to it. But isn’t that always the case?

The third design has similarities to both of the first two designs in that it is based on the phrase ‘Eid mubarak’ as in the design above, and is rotated as in the first design. This time the phrase was rotated five times, alternatives of four, six and seven not proving to be as visually pleasing. There is a slight variation in the colouring of the two words to create a little distinction, but otherwise it is similarly coloured as much of these calligraphic studies. An attempt has been made to give the design more visual movement compared with the two preceding it.

go to top of page

Kufic and other patterns

A hand-drawn piece of artwork dating from the 1970s

This piece of artwork was executed a long time ago. Although it is no longer in my possession I came across this photo of it and thought it useful to include as it provides a contrast with the later, computer-generated work. It reminds me of the concentration required to produce mistake-free artworks, and the degree of manual dexterity needed in those days. I would still recommend it as an exercise at it puts you far more in harmony with the design than does computer-aided design work.

The design consists of four paragraphs from the Holy Quran, set in kufic forms, and drawn using four different styles. There is a semblance of geometrical design superimposed on top of it that I think was there to establish a basic setting out for the four panels, but the whole design is really a hand-drawn graphic design exercise.

As with all my work at that time, the study was made using a pair of compasses holding a fine blue pen, and slightly thicker pens and straight edges for the calligraphy. To give a sense of scale, the paper on which the design is made would have been 210mm square, the width of a sheet of A4 paper. On a technical note, you have to take great care not to make large holes in the paper with your compasses.

fan al-islami

To continue, here is a study in kufic design, shown in these first five graphics. The basic pattern was designed with the specific intent of producing a small square from the phrase ‘Islamic art’, one that might be used to create, by repetition, a running band as a frame or border. It is composed of four pairs of words, each pair at right angles to the one preceding it, and the second word comprising of four shapes, excluding the diacritics or dots.

fan al-islami

In the second of these five illustrations are three graphic studies that may give some indication of the difficulties experienced in attempting to find symmetrical solutions to this character of design. Note how there are significant differences in pattern in each study, though all have strong overall shapes.

fan al-islami

With simple patterns such as this the skill lies in forming the words so they are as accurate a reflection of the written word as possible – and are still legible, of course – as well as ensuring that there is as little free space left within the design as possible. In the left graphic in the first illustration above you can see that I was not able to accomplish this, and left spaces in the four corners of the design in my attempt to make the lettering relatively accurate. I then decided to fill the empty spaces by curving back the tail of the letter ‘y’ which wraps around and into this space. You can see the revised study illustrated in the right graphic in the first illustration and, larger, here to the side with a drop shadow added to enliven the design. The other issue I had with this design was in not being able to start the first word where I wanted, but having to locate it towards the centre of the design rather than at the edge as I wished. I shall have to look at the design again and see what I can improve.

fan al-islami fan al-islami

The third and fourth illustrations show the graphic extended as alternative versions of the border or frame that I first intended. These two different treatments, even at the reduced scale illustrated here, show how small decisions can have a dramatic effect on the outcome of a design. It is sensible to repeat that this study, and most of the others on this page, are simplistic and obviously not the work of an Arabic calligrapher.

My name in a kufic style

This group of three designs were a first attempt to produce a kufic version of my name. None of them is as successful as I had hoped, but it was an interesting exercise in working within a self-designated set of rules with a view to filling the containing squares perfectly. I don’t think it’s possible; all three designs, and others I’ve tried, have a square that does not allow a diacritic or an element of a running line to be used.

My name in a kufic style

Following from that, here are a couple of sketch developments of one of the designs above, illustrating possible different treatments. The left of these two images is the design on the right above, with a small development of the last two letters of the name, ‘ba’ and ‘ya’, as a variation on the right. This latter variation does not seem as successful and might be misunderstood due to the placing of the diacritics which introduce ambiguity in at least both these letters.

My name in a kufic style

This pair of variations of the above left design looked not at variations of the kufic, but at different treatments of the same design, this time with the kufic either recessed or on the top plane – the effects being produced with the introduction of dropped shadows, not a graphic design feature that is popular at the moment. It is interesting to compare and contrast the two designs which are based on exactly the same kufic elements.

la ilaha ila allah

Calligraphic scripts in Arabic are required to conform with sets of precise rules in the execution of their manuscript form. But some of the most beautiful examples of calligraphy have stretched these rules, and this is certainly true of the work of many of the designers of modern Arabic calligraphy. Traditionally, calligraphers learn their craft formally over several years and, of course, continue to learn and develop those skills over time with practice and experience. The skills they are required to employ are both mechanical as well as artistic, and it is fascinating to watch calligraphers at work as they think through and execute their work. In contrast to the work of those skilled designers, the studies that are set out here, though, are very different in their design quality.

la ilaha ila allah

Kufic script has interested me for some time now, particularly in its cubic, three-dimensional form which has so much in common with architecture. Here are two studies based on the first part of the shahada where the Kufic letterforms have been used to produce a building-like structure, one that could, in theory, be constructed. The first is deliberately designed as a continuing tower, the second as a regular cube. They both consist, in effect, of two-dimensional letterforms, given depth and then used on a three-dimensional form. So far I have not been able to design them as true three-dimensional constructions but, from time to time, I have another attempt to think it through.

fan islamy

This illustration just reads ‘Islamic art’ and was designed to be used at a larger scale as, at this scale, it is not as legible as it might be. It was also designed as a two dimensional pattern to be placed on the surfaces of a cube rather than being, as the other ones tend to be, three-dimensional lettering more integrated with the cube. Again, the work was investigative, the main process I use in an attempt to improve my studies, and it tells me that there is more work to do in order to benefit this character of design.

JL in kufic JL in kufic

These two examples are similar to those above. They are essentially the same design using a Kufic form in two-dimensions, but I have formed the top one as a hollow cube, the lower as a solid. In many ways these are the type of exercise that used to be common in design schools of various sorts. They make you think about three-dimensional forms and the spaces in and around them. It would be more interesting if I could get the design elements to interlock, but I have not yet been able to do so. I find this type of work fascinating and have used it from time to time in greeting cards such as this example, again using the phrase ‘eid mubarak’, where the design has been constructed in the form of a maze, a design which lends itself to the laying out of a real maze or, perhaps, a parterre ’ although these are usually symmetrical about a central or cruciform axis.

eid mubarak eid mubarak

The Kufic form of the design above, as well as these next two objects to the side, also bear strong resemblance to a simple wooden building toy I designed many years ago, and which is illustrated on a later page of this section. This form of design can also be a good student activity or exercise, enabling conceptual spaces to be investigated within a pre-determined or self-specified series of rules, either as blocks or as spaces. In both cases the designed objects can be considered as sculpture at whatever scale is thought appropriate; they may be considered as small objects that can be held in the hand, climbing frames for children, or as urban landscapes. Oddly, I have never tried this with Roman letters; perhaps that is something I should look at next.

In this case the rules specified relate to the selection of the Kufic letters and their repetition over a six-sided cube which introduces the problems of whether or not to employ reflection: in this case there is only rotation. There is more information on patterns here on the Islamic geometry page.

A design reading Eid Mubarak

This is a much simpler design executed in a simplified Kufic form with the greeting ‘eid mubarak’ repeated four times around the centre, and the letters projected. Projection or dropped shadows are an easy way to lift a graphic off the page by giving a sense of realism to it. These are not difficult to design, the hardest part is producing the Kufic form of the letters as accurately as possible.

The benefit of this kind of exercise is that it forces the designer to think in three-dimensions and develop solutions to problems of his or her own making, an exercise faced by all designers working in both two and three dimensions. It may be a truism but designs which are inherently and internally consistent tend to be more coherent whether they are easily understood or not. In a sense it can be seen to be similar to the coherence which comes with the underlying geometry of Islamic designs. What I enjoy about this form of design is that the problems are all self-imposed though there are rules to be obeyed in the way the characters are constructed. In my case I’ve I tend to take a non-Arabic view of the forms which purists will think wrong.

A design based on a Quranic expression

Finally a variation of the exercises shown above. This graphic was developed as a design for a water feature in an Islamic garden. In fact it needs more work in order to join up the three pools, and I think that the narrow gaps would collect rubbish, another reason to reconsider it. But it is placed here to illustrate another way in which calligraphy can be adapted to a different design discipline. Using Kufic calligraphy the design spells out the phrase ‘The universe belongs to Allah’ and was thought a suitable phrase for a landscaping water feature such as this.

A design reading Eid Mubarak

Contrasting with the ‘eid mubarak’ graphic just above is this design, again wishing ‘eid mubarak’ to its recipient, but in a more normal manner. Designed to fit onto a standard card size there is sufficient space around it to allow it to float on the card. Both outlining and drop shadows are used to create a more complex design from the simple Arabic Naskh lettering.

A design reading Ramadhan kareem

These next three pairs of graphic studies are for the beginning of Ramadhan when ‘Ramadhan kareem’ is wished to Muslims. The lettering is the same in each of the two roundels of the first illustration, and similar in character to the preceding ‘eid mubarak’ graphic. Note that the design on the left looks to have larger lettering against the simpler background compared with that on the right, and perhaps that the latter design appears to be overly complex due to its background.

A design reading Ramadhan kareem A design reading Ramadhan kareem

The second of the three designs shows two kufic style illustrations of the same phrase testing alternative ways of grouping the phrase on a four-fold design. Neither of the two designs is yet fixed but will be worked on for the next time Ramadhan comes around when I suspect that I shall have the lettering of the first example sitting on a geometric pattern or a design based on a moon and stars theme, and the second developed, perhaps, as a three-dimensional graphic. The third of the three designs shows another way of achieving a more interesting illustration, though one which adds complexity at the expense of legibility. The graphic on the left is the basic design sitting on three copies, each rotated at 22.5° with the second graphic exactly the same, but with each layer having 50% transparency. Although they are slightly more legible at a larger scale, an alternative way of improving legibility would be to make the different layers slightly different in colour.

A design reading Ramadhan kareem A design reading Ramadhan kareem

Utilising the same principles that enabled me to create many of the three-dimensional kufic graphic effects on this page, here are two more variations of the two-dimensional ‘Ramadhan karim’ greeting made above, this time developed into three-dimensional figures. In the first of the two illustrations the two-dimensional graphic has been given a depth equivalent to the stroke, and six of them have been joined to form the faces of a cube. In the second example, I have inserted a transparent cube inside the six faces in order to give a little better legibility to the surrounding graphics. Whatever design I eventually decide on, it should be suited to a standard card size, although the two-dimensional graphics above are best suited to a square format.

A design reading ’eid sa’id

A little further up this page there are a number of studies based on the greeting made to people at the time of the ‘Eid holidays, and that is ‘eid mubarak’. This study is similar but wishes the reader instead, ‘Eid sa’id’ or, literally, ‘Happy Eid’, a slightly different way of greeting at these festive times of the year.

The design is a simple form based on an Arabic calligraphic script reading in from the right and rotated five times, this being considered to produce a more active figure – odd numbered figures appearing more mobile than even-numbered figures. The lettering appears on a simple ground with the effect of being cut out. Again, the colour selected for this graphic relating to a holy time of the year, is a pale green.

A design reading ’eid mubarak

This is a later version of the design for an ‘eid mubarak’ greeting card, but it is one that misses out many of the diacritics that are characteristic if not necessary in Arabic calligraphy. There are a number of problems with the design that I may or may not get round to correcting, but I liked the tension in the balance of the floating shapes as well as the strong contrasting border, and thought I would let it sit here for a bit and see how I felt about it.

It will be apparent that this design has not been drawn by a calligrapher and that there are significant errors or eccentricities in its drafting. And, while the drop shadow effect is a cliché that has not been fashionable for some time, and has been over-used in a lot of my work, I thought it might be suitable for this particular design, or at least in the first iteration that is shown here.

A design incorporating both ’eid mubarak and kull ’aam wa antum bikhair

This is a two-dimensional work, contrasting with that above in a number of ways, but here to make a point by its lack of the the drop shadow effect that is often used to dramatise design patterns.

Notably the design appears to be far more complex than most of the previous examples. At first glance it has something of the appearance of a computer chip circuit, but it is relatively easy to comprehend.

The basic design is established with two calligraphic phrases – ‘kull a’am wa antum bikhair’ in the centres of each side, and ‘eid mubarak’ in the corners. Each is repeated to create four versions and fitting together after rotating through 90°. The two calligraphic phrases read in from the top- and middle-right respectively with the phrases rotating anti-clockwise around the centre of the design.

Due to an inability to find a way in which to interlock the phrases without gaps, decorative pale blue spaces have been used to fill vacant spaces, and diacritics for the two phrases are shown in red and yellow.

A design incorporating both ’eid mubarak and kull ’aam wa antum bikhair

This lower version of the above design has the ‘eid mubarak’ phrase added to the square spacers contained within the ‘kull a’am wa antum bikhair’ phrases. At a different scale the centre of the design has the phrase rotated four times, each delineated with lines a pixel wide which creates a small but sharp image. Normally I draw designs large and reduce them, but this creates blurring. But this design has been drawn at its finished scale rather than being drawn larger and reduced to fit the width of the illustrations on all pages – 380 pixels wide. Having written that, this illustration is the only example on the page that is 379 pixels wide. The difference between this and that above should not be noticeable. The phrase in the squares has had to be reduced and will appear slightly blurred. Interestingly, the thinner form of the phrases lends a Far Eastern look to the corners of the design.

A design reading ’eid mubarak

While I have experimented with other colours, or have introduced more than one colour in designs such as this, they never seem to work satisfactorily even if confined to the green, blue and yellow ranges. Unusually for me, the card is square in format, the shape selected to produce a solid visual base to the more active graphic.

With a similar colour scheme, but this time with a sand-coloured ground, here is a piece of calligraphy wishing the recipient ‘eid mubarak’, a number of examples of which are found higher up the page. This time a simple statement of the greeting was made and turned three more times to construct a four pieced plane and given a drop shadow, then this group was turned by 15° five more times on separate planes to create a 24-sided pattern, the top plane being given a little more definition by the addition of a white line around the characters and the lower planes each being increasingly transparent.

A design reading ’eid mubarak

The original piece is six times the size of this graphic and is obviously sharper and more accurate, but these images show something of the effect I was after. At this smaller scale there is an argument to make the receding planes lighter in tone or even of different colours to project the top plane. But the design is deliberately coloured this way in order to encourage the viewer to work at its interpretation.

In the lowest of these three graphics, I have illustrated the difference in appearance when the same design is rotated anti-clockwise through 15°. Designed to be read from top right, the rotated design has a more lively appearance than that on the left due to this effect.

The first of the studies immediately above is based on the traditional ‘Eid holiday greeting, ‘Eid sa’id’ and using a cursive calligraphy. The following rough studies are of the common greeting made at the beginning of the Islamic New Year, ‘kull ’aam wa antum bikhair’ and are based on a kufic style used above. There is also a common alternative greeting, ‘kull al-sana wa anta tayyib’ which I also mean to try out. These first two illustrations show four ways in which the words of the greeting might be rotated in order to create a degree of symmetry. They are here to show that this kind of work is not easy.

Two designs reading ‘kull ’aam wa antum bikhair’

The first illustration shows two ways in which the phrase may be used twice, rotated once at 180°. The original intent was to find ways in which the phrase might be enclosed within a square leaving little or no blank spaces. As you can see, in the example on the left it was not successful so an attempt was made to create a more strongly defined square, but this time only a little more successfully, the intention being to have a secondary illustration in the centre or, alternatively, to have the letters ‘alif’ and ‘lam’ extended and intertwined to fill the space there.

Two designs reading ‘kull ’aam wa antum bikhair’

This second illustration shows two ways in which the phrase may be used four times, rotated three times at 90°. It was realised that this was even less likely to produce the square frame originally sought, but it was thought that a shape might be created which would lend itself to being repeatable in a geometric pattern. Interest in these patterns is created by having as irregular shape as possible, trying to ensure that the positive lettering will fit into the negative blank spaces surrounding the lettering.

An interlocking design tiled to form a pattern An interlocking design tiled to form a pattern

There are, however, dangers in creating shapes which knit together too accurately. These next two examples are based on the example above on the right, and are not particularly tight. It is easy to see how the shape of each group of phrases – in effect, a tile – is almost lost in repetition in the first example here, though there is a discernible shape created by the blank spaces which gives the pattern a degree of scale. The second example uses the same pattern or tile, but draws the tiles a little further away from each other in order to create a more individual pattern by virtue of the shapes created by the blank spaces between tiles. Notice how the apparent scale of the design is affected by the distance to which the tiles are drawn apart. Another way to bring out the separate tiles, assuming this might be desired, would be to use colour or tone to do so.

An interlocking design tiled to form a pattern

This design is based on the left example above and forms a strong square pattern of blank space in the tiling. You may also notice in both examples, but perhaps more strongly in this design, that the pattern appears to tilt slightly down to the left. This is an optical illusion apparently created by the relationships of overlap in the horizontal and vertical directions.

An Eid Mubarak study 2012

These two sketches are based on a piece of Kufic calligraphy reading, in Arabic, Eid Mubarak, the traditional greeting wished at the end of Ramadhan. The first sketch shows the basic design unit, given a three-dimensional treatment. The two words are designed to intersect, and an attempt was made to create a degree of symmetry about the middle of the letters aliph and kaf, the reem sitting between them.

An Eid Mubarak pattern study 2012

In the lower sketch the basic greeting was arranged as a block of four, the pattern created by rotating the greetings at 90° to each other, and then that block used to fit into a running pattern. The process is similar to the studies above with considerable testing and redrawing of the original words. There is not a perfect fit and it’s possible that, with a bit more work, the pattern could be improved upon. There is specialist software available to provide assistance in creating interlocking designs, but I prefer to work without it.

An animated study for using the phrase ‘eid sa’id’

But working without specialist software is exactly the way in which traditional designers worked, and in which many do so nowadays. The organisation of phrases that are readily formed into coherent designs that are legible and with an even density, is not easy. Some phrases are readily organised, others not so. This group of illustrations, which takes the greeting phrase ‘eid sa’id’, is a case in point as it is not readily capable of being organised into a simple and tight design. These studies show a number of ways in which the phrase might be used, each being read in from the top right corner. Six of the seven studies have been arranged in repetitive patterns, while the seventh begins in the top right corner and continues around the square anti-clockwise, repeating the phrase. Because of the obvious limitations for geometric coherence, a small number of variations from the accuracy of the phrase have had to be introduced resulting in an uneven texture compared with the other six studies.

An Eid Mubarak study 2013

Here is another version of the Eid Mubarak greeting. It can be seen to be very similar to that above, but has more symmetry. The ’ain and dal letters of the first word are the same figure reversed, the ascenders of the alif and kaf are shortened, and the reem proportions are altered. The whole of the design is constrained within a square.

An Eid Mubarak study 2013 A related Eid Mubarak study 2013

These three studies are part of a group of studies based on the design illustrated above and below. Each of the designs can be seen to be based on a grouping of four of the patterns rotated symmetrically around a central point. In all of the examples, the manner in which they are brought together at the central point of the design creates a slightly different character for the overall design.

As with many designs, all of the studies might be improved by amending the basic structural unit, as it can be seen that as elements are brought together at the centre of the design, they are tending to describe a swastika, something most modern designs attempt to avoid – although that pattern can be seen in many ancient designs, particularly pre-Islamic. The lowest example illustrates this effect the most clearly of the three examples.

A basic Eid Mubarak pattern study for 2012 A tight group of Eid Mubarak pattern studies for 2012 A loose group of Eid Mubarak pattern studies for 2012

These further three groups of patterns were developed as a continuation of the previous study, and were based on a slightly amended version of the original graphic block shown above. The first illustration shows the basic block pattern. The flat pattern has been developed with a small element of interweaving used – essentially a simple crossing – while, on the right the pattern is given a drop shadow, a common device to create a little more life in the design.

Interestingly I made this group without looking at the previous study, finding myself recreating virtually the exact design, suggesting that the rules I established will not permit much variation, and that it might be an idea to look at looser, or at least different, guidelines. The next step would be to change the rules, of course, and see how that will adjust the resulting pattern block.The first three studies were designed to be kept as tight in the centre as possible, whereas the lower group of studies explored a much looser arrangement.

Alternative ways of setting out an eid greeting

A final consideration when looking at this type of work is the manner in which the pattern should be read. Generally you might anticipate that Arabic will be read from the top right corner to the bottom left corner, but it is also possible to construct a legible pattern from the bottom right corner. In these examples of the greeting, ‘eid sa’id’ – an expression used twice in each example – the two examples on the right start in the top right corner and proceed in a counter-clockwise manner. In the two examples on the left they start at the bottom right corner and proceed clockwise, this being counter-intuitive but valid.

Regrettably the design does not lend itself to be as tight as some of the other designs above, but the next group of illustrations show something of the way in which the start of the phrase ‘eid sa’id’‘eid – might best be followed by the second word – sa’id, an issue that affects legibility.

Alternative ways of setting out an eid greeting

Here the phrase beginning with the first word is shown clear, and then hidden by the end of the second word – one example with the phrase starting top right, the other with it starting bottom left. Bearing in mind that the first word has been slightly emphasised in order to make the point, it can still be seen that the phrase is more legible when its beginning is not masked by the end of the second word.

Alternative ways of setting out an eid greeting Alternative ways of setting out an eid greeting

These two rows of illustrations are notional design arrangements having different spatial relationships between the two words. The first row has the ‘eid sa’id phrase beginning at the top right, the second with it beginning bottom right. In both cases the base line of the first word has been kept common to all eight designed examples of the phrase.

It is evident that the phrase is readily legible in all eight cases, this despite there being no emphasis to the outline of the first words as has been given in the examples shown above.

The words Eid and Mubarak designed to cross each other

This last pair of sketches are two more attempts to see how ‘eid mubarak’ might be organised, this time in a three-dimensional form using the two words to cross each other. The form and relationship between the alif and kaf are different in the two examples, but the main difference is that the two words in the first example are maintained at right angles to each other in the same horizontal plane whereas in the second example, the planes lie at right angles to each other.

An exercise to simplify the phrase ‘Eid mubarak’

This next group were designed relatively quickly and was the result of wondering how simple the design of ‘eid mubarak’ might be if reduced to its essentials. The simpler the design, the more likely there is to be a departure from the generally accepted rules governing the setting out and, therefore, the legibility of the basic lettering. Here, in blue, is the initial study for the expression with the basic two-dimensional design then projected into the form of a cube.

Joining four cubes for the phrase ‘Eid mubarak’ Five cubes of the phrase ‘Eid mubarak’

The exercise was constructed within a thirteen-sided grid, the major design decision being to create a mirrored element for the word ‘Eid’, the ‘ain’ and ‘dal’ being the same shape reversed, and the ‘ya’ slotting between them with its two diacritics organised vertically. The next element, consisting of the ‘meem’, ‘ba’ and ‘alif’, wrapped around the next two sides with the ‘ra’ taking half of the fourth side and the stylised ‘kaf’ ending in the centre of the square.

These lower two studies, in green, illustrate two of the many ways in which the basic block might be used. The first takes the cube and rotates it 90° with the ‘Eid’ element running clockwise along the outside of the four cubes; the second design runs the cubes with the ‘Eid’ moving anti-clockwise on the inside of the cubes, their bases forming the sides of a pentagon.

In continuing this exploratory exercise, the previous group of five cubes of the phrase ‘eid mubarak’ was then used to investigate how legible a continuous pattern might be when assembled on a geometric basis.

A pattern formed from groups of five cubes of the phrase ‘Eid mubarak’ A pattern formed from groups of five cubes of the phrase ‘Eid mubarak’

Studies of Islamic geometry have shown that, in common with many such patterns, there have to be additional geometric elements linking pentagonal shapes in order to avoid having the appearance of empty and irregular spaces within the overall pattern. With the basic blocks consisting of legible words it is extremely difficult to derive a block that might fit sensibly within the pentagons while representing a word or phrase – hence the open spaces in this quick sketch. Having said that, there is a tradition in Islamic calligraphy to add decorative elements along with diacritics in order to get over this visual problem. However, it is also true that these elements are not a feature of Kufic calligraphy – though there may well be a design element that might be found to buttress this design pattern.

These are all, as I wrote earlier, exploratory sketches. I hope to continue working on them in order to produce better quality designs.

go to top of page

Study for a mushrabiya

A notional mushrabiya

Perhaps because I’m an architect I have always been interested in three-dimensional forms. I can recall being encouraged in this by an American tutor in 1963, fifty years ago. On the games page is a wooden block game I designed and made for children some years later and, more recently, I have developed three-dimensional kufic forms for use as two-dimensional illustrations on greeting cards. This graphic illustrates a notional form of mushrabiya.

However, I have always thought that the form might be developed into something more three-dimensional, perhaps as an artwork, but also as an element such as mushrabiya as an appropriate use in modern buildings. This might be either an element of the design or a feature such as a piece of art, a container, screen or lamp, for instance. It is something I have been meaning to write about for some time but have not yet got round to setting down. This note might be thought of as covering the salient considerations and will be expanded later.

I’m aware that there are similarities in architectural styling within the Gulf and that mushrabiya tend to be thought about as privacy devices, particularly to the architecture of northern Arabic regions. But they were also found in some areas of the peninsula.

There seem to be at least three issues to consider. The first is the socio-cultural aspect – the extent to which privacy is required within houses, something which is changing quickly as society develops but where there are also areas militating against freeing internal spaces and their relationships. My feeling is that mushrabiya might well be features allowing the interpenetration of spaces, but where privacy is not a requirement.

The second issue is the practical one of scale and its associated problem of manufacturing relatively complex elements. Traditional mushrabiya are relatively simple, easy to assemble and to clean. The designs I’ve made are more complex and would require some thought if they are to be joined in a logical manner. It also follows that the basic unit needs to be relatively simple.

The third issue has to do with religious symbolism. It would seem to me to be inappropriate to use any religious exhortation in a house, though a non-religious form might be utilised. There might be some space within a house where units might be developed as mushrabiya depending on the character of the individual concerned.

A kufic rendering of the word ‘salaam’

So, this first illustration is of the word salaam in kufic style. The reason for selecting this word as an initial jumping-off point for this study is that it has no glyphs associated with the basic letter forms – these are the dots which distinguish one letter from another by changing the basic letterform, for instance between ba, ta and tha. Having said that, the mim in this example should be separate from the preceding aliph but, as is often the case in Arabic calligraphy, rules have been broken. Here the mim has been lifted and joined to the aliph. The great disadvantage this example has is that the voids of the design are relatively small compared with traditional mushrabiya designs. However, this was an exploratory exercise.

A notional joining together of kufic renderings of the word ‘salaam’

The reason for selecting this simple form is that it lends itself to being joined in a continuing plane as is illustrated in this graphic. At this stage in the development of the concept, the emphasis was on developing a form whose pattern could be used in a continuous plane. Obviously there are other considerations, particularly relating to its construction and stability against lateral forces. Traditional mushrabiya are usually constructed from two elements which lock together mechanically, though without glue. They also allows more transparency than this graphic suggests.

The kufic screen but with the thickness slimmed by 40%

The amount of solid to void is important in the deployment of mushrabiya and more will be written about this later. Its positioning with respect to light sources is also a major consideration if privacy is to be maintained. This illustration can be compared with that immediately above it. In this example the thickness of the elements has been reduced by 40%, producing considerably more void to solid proportionally, so replicating more accurately the characteristics of a traditional mushrabiya screen.

A notional joining together of kufic renderings of the word ‘salaam’

This graphic illustrates a common form of mushrabiya. There are two elements. The nodes are notionally constructed of a cube, symmetrical about all three axes, and drilled to accommodate the second element. These are turned pieces having a certain amount of modelling about their long axis. These pieces are slotted into the nodes, usually without glue, the friction between the units being sufficient to hold them. If subject to lateral force there may be movement and, obviously, there is a limit to the size of the screen – the larger the screen, the more there will be a likelihood of it failing under light pressure.

Grouping of mushrabiya units based on a kufic rendering of the word ‘salaam’

The point of this is that the physical construction of a mushrabiya requires a form of mechanical joining which the notional graphic does not provide. In this illustration it is possible to see that part of the tops of letters on the basic unit have been reduced in order to accommodate the addition of subsequent units, the complete screen having the correct designed appearance.

A theoretical element for a constructional mushrabiya based on a kufic rendering of the word ‘salaam’

This illustration is of one of the amended units. The basic form of the word has been constructed of notional small cubes and it can be seen that this unit has been reduced at the top by a distance of the length of the side of one of these small cubes. When joined by another unit on top of it, the sin part of the letter on top will complete the lam, aliph and mim – the latter two letters being elided in this kufic design.

A theoretical element for a constructional mushrabiya based on a kufic rendering of the word ‘salaam’, with dowels

Here is the same unit but with two notional dowels added. These would provide the method for fixing the lower unit to its neighbour above. No three-dimensional units have been fabricated to test the design and construction, but this is recognised as being tentative and, perhaps requiring more fixings. Note that there are no side fixings, these being thought unnecessary at this stage. They also complicate the practicalities associated with fixing units together.

There is also the issue of the finished effect. If the units are extremely accurately fabricated then there might be a chance of the overall pattern working well. But the traditional pattern allows considerable latitude in construction and the ability to accommodate movement both physical and thermal. In particular, the two units of traditional mushrabiya have planes that do not line through, masking any irregularities. Here, with the planes being in contact, it is likely that they will be noticeable in all but the most accurate assembly. So, more work is needed.

Keeping blocks separated or integrated

One of the difficulties with attempting to make a more structural and three-dimensional mushrabiya screen is one of the self-imposed rules – that is the blocks which will make up the screen should not repeat elements. This diagram illustrates the problem with, on the left, the blocks reading ‘salaam’ kept separate and, on the right, with the forms elided into each other, producing an integrated overall form, but losing something of the readability compared with that on the left. However, it is that on the right that I prefer.

Early example of a deep screen Early example of a deep screen

In the examples above this has been accomplished, more or less, to my satisfaction. But developing a more three-dimensional block has proved extremely problematic with many aspects either unresolved or poorly resolved. These two illustrations are an early exploration of some of the difficulties introduced by extending a block which is read on a two-dimensional plane into one with more depth.

The two illustrations show a basic block organised alternatively edge to edge or arranged at 45° to each other. It also shows a little better my intention of creating a more three-dimensional screen. Both forms will create a more stable screen due to their strength in depth, nevertheless the problem of linking them together has not been resolved here.

The basic element used to create the deep screen

For this exercise the same basic unit has been used – a kufic form of the word ‘salaam’ – mainly because I have not been able to find a more suitable word. Here the word has been mirrored twice in order to create a square block on plan. In essence the structure has a square base with two columns on opposite corners. This suggests that using it as a structural element would be sound.

The basic element used to create the deep screen The basic element used to create the deep screen

Linking the units together vertically is obviously not likely to be difficult. In this case the top of the element has been taken away in order that there will be no replication of a part of the lettering, as explained previously. Linking them together horizontally requires the omission of a part of the unit, in the first of these two examples a corner of the joined letters sin has been taken out in order to join them on the diagonal.

In the lower of the two examples, a corner of the taller part of the word, in effect the whole of the lam, has been removed. The difficulty with both these examples is that the lateral linking of units is problematic. However, provided that a screen was restrained at the sides, head and base, and provided that a link between vertical units is made – such as with a dowel – then it would be reasonable to expect this type of construction to be relatively sound.

Basic squares of the word salaam

Based on the foregoing exercise, the next step was to create a cube which might lend itself to being used as a building block for a three-dimensional, structurally coherent, mushrabiya screen. Three forms of the basic pattern were designed, though all of them have flaws in their layout suggesting that the whole of this concept needs thinking about again. Perhaps using another word for the exercise.

Basic square of the word salaam

However, just to see what would happen, the basic square was redesigned slightly in order to get over some of the design difficulties discovered in the three alternatives above. In the next iteration the mim has its descender free, though this will create other problems. It is still not the optimal form but this is way in which it is possible to see if progress is being made.

A three-dimensional cube based on the word salaam

With this new two-dimensional unit a three-dimensional cube has been formed each face of which has four legs projecting, created by four mims. Exactly how this unit would have been made was, in the past, extremely problematic, suggesting a high degree of craftsmanship, and cost. However, now there are technologies which might be considered in order to produce these three-dimensional blocks.

A grouping of three-dimensional cube based on the word salaam

Based on the unit above, here is a rough illustration of two short rows of the three-dimensional blocks giving an indication of the degree of transparency they might offer. To some extent this would depend on their size, but it is evident that such units might be fabricated and deployed at a number of different scales and for a variety of different applications.

more to be written…

go to top of page

Miscellaneous studies

JL designs logo

Moving away from the Arabic forms above this is a much earlier graphic originally intended for this web site. The hand with the pen was deliberately juxtaposed with a non-calligraphic font, but the result was weak and went unused. It’s an interesting exercise to look back on things that did not work or went wrong, and to try to try to work out how you might improve on them.

JL designs logo

Here is a quick study made with a drawing programme to see how a particular effect can best be carried out. What I learned is that there are considerable problems if you use anything simpler than the simplest of rings – which is not what it says on the tin… There are, of course, programmes designed specifically to make this effect more readily. I also find the lack of a proper perspective slightly disturbing, though this can be readily amended.

The study above was made a number of years ago using Adobe’s Illustrator programme. These next two studies were made with SketchUp, a drawing programme I use quite often and which appears to be increasingly used by many professional and amateur designers.

Five interlocking rings study Five interlocking rings study

Here the basic idea was to create five mutually interlocking rings. The intention was to create a more or less realistic view of the five rings, the important characteristic being their mutually touching under the influence of gravity. Unfortunately this appears to be a more difficult task to carry out than I had at first realised and required a series of iterations to get the image I was after. The first attempt shows one of the designs having the rings suspended with their interlocking character obvious, and mutually touching. But it doesn’t look realistic in that the rings appear suspended. The second attempt has more of the effect I was after, though the colour is wrong. It may well be that there is a simpler way of carrying out the design as I wished, but I prefer to learn the characteristics of drawing programmes through a process of trial and error. This may not be the best way to learn…

Caricature of a draftsman

These two illustrations are of a draftsman working on a traditional drawing board. The illustration was made many years ago and has been used at the head of my pages on this web site since 2005. Originally the illustration headed an in-house poster and flier, illustrated below. The two images, one a line drawing, the other coloured, indicate something of the range of character that can be obtained with a single design.

Design of a camel and the corporate image for a music academy

These next four illustrations were made a number of years ago and are really here so that I can see them again having come across two of them accidentally. On the left of the first pair is a design that was requested within hours in order that the director might have something to present to a meeting. There is a related example on the corporate page. The camel design was made around thirty years ago as a quick sketch that I have been meaning to develop but, again, never got round to it. As you can see, it was not drawn on a computer but with a technical pen which was then outlined with a marker pen, the overlapping lines being a feature of using that kind of spirit-based ink.

Design of a fish and a partridge in a pear tree

This notional fish was drawn for a greeting card design and had words associated with it that have not been included here. The sketch of the partridge in a pear tree was used as a Christmas card. There is a note on its development on the greeting cards page. The idea of the twelve days of Christmas sparked the idea for a number of designs for the different days that were produced for the next year.

A notional illustration of a book on Qatar

Here is another small illustration drawn with the intent of using it on that part of my site dealing with architecture and planning in the State of Qatar. Drawn in Illustrator and developed in Photoshop it was to have been used in a square format as a marker for a redesign of the site. In the event the redesign has not progressed and, coming across this the other day, I thought it might as well see the light of day in this section if it was unlikely to be used where originally intended.

Traditional Qatari house

Here are three drawings of a traditional Arabic house. The top drawing is a standard way of exploring and demonstrating the construction of a house showing it cut away to permit us to see the elements of the contruction. It is not a technical drawing in the sense that it is not an accurate, scaled representation of an existing building, but it has an accuracy which implies it is. However, it’s purely illustrative. The original was A4 size and a slightly larger version than the one above can be found on the Gulf architecture – page 3 page.

Traditional Qatari house

The sketch to the right explores a different character of the construction of the same kind of traditional building. In a sense it looks more realistic due to the use of shadows though I can see now that I have too many roofing poles projecting from the building. The infill panels are deliberately left out, and the sketch looks at the way light falls across this traditional construction. Like the sketch above, this drawing is also reduced from its original A4 size. The purpose of this kind of drawing is to explore the way light falls on the building, compared with that above which examines its construction.

A notional sketch of a traditional construction

The first of the two sketches above was made a little while ago when I was investigating the manner in which traditional Arabic houses might have been constructed. Drawn in Illustrator it was made without a great deal of thought at the outset but would have benefited from more consideration. The second of the two was drawn in SketchUp, a drawing programme permitting three-dimensional sketches to be made easily, the great advantage being that it is possible to zoom in and out as well as examine the object from any angle. Again, the drawing would have benefited from more consideration before I started but fulfilled its purpose at the time. A year later here is another illustration of a similar building made with more forethought. Its great advantage in terms of illustration is that any element of the construction can be examined by zooming in. Provided that the drawing of each element is accurately drawn the object can be used for a variety of illustrative purposes. Another view of the same object can be found here, and there are smaller illustrations taken from it further down that page.

Traditional Qatari house

For a long time I have had an interest in the history of housing in the Arabian Gulf. It has been relatively easy to produce simple diagrams which, while not necessarily accurate, give a flavour of the accompanying discussion. Here a traditional Bedu tent is divided into the main, men’s area, and the women’s to the left. It might have been better to add the guy ropes and poles to give a more realistic appearance, but with the illustrations intended to be relatively small, they were omitted.

Traditional Qatari house

To the right is a notional illustration of a desert development which has developed over a period of time. The sketch is one of a series starting with the Bedu encampment above it and ending with this illustration demonstrating notional change over time. Again, the illustration is very much stylised, with a lot of detail omitted, the concentration being on the massing of spaces and their development from tent to stone and mortar construction, and the view selected to show optimal detail. I should add that neither this nor that above were drawn with specialist software.

The drawing was made in an illustrating programme, the perspective being set up on a separate layer to help establish a reasonable view of the compound. For simple drawings I like this kind of programme though there is at least one application which makes sketching in perspective relatively easy. It was used in the illustration above that shows shadows cast on the face of the building.

study for a white on white folded paper piece

I have always been fascinated in the relationship between two- and three-dimensional forms. This has developed my interest in origami. Though this piece to the right is not origami as such, it is composed from squares each folded from a single white square of paper. The work is a study for a larger piece – actually the same sized squares of about 3 inches a side each – but intended to be eight by thirteen in arrangement based on a development of Fibonacci. It developed from the work on Islamic geometric patterning and the reflective effect is has on the viewer. I find that even this simple study has a soothing effect when looked at, and it has only been a lack of wall space which has stopped me completing it – and, perhaps, time. Unfortunately the effect can’t be read at this scale, but it is here as a record.

study for a quilt piece

Having made the study for the above arrangement, it struck me that it should be possible to use the principle of folding to take the place of quilting, in that the many folds used to create the pattern would also trap air and this, combined with the multiple thicknesses, might be an effective sort of quilt – though not technically a quilt, of course. As always, if you have an idea, mock something up to test the idea.

study for a larger calico piece

In the first of these two illustrations, two pieces of square calico have been used to create the pattern, each finished to create approximately 50mm squares and, as can be seen, to have been very crudely stitched together. At its thinnest the pattern is four layers thick. Created many years ago it has not been taken forward due to the massive amount of work that would be needed to complete even a small quilt.

However, I did take the time to make a slightly larger piece, tacking nine of them together, the piece shown in the lower photograph. The only other result of the exercise I can recall was that I believed the squares should be twice the size in order to produce more accurate individual pieces. This exercise has yet to be tested to see what the optimal size might be. Bear in mind that the sizing is likely to be related to the character of the material used…

There are a number of really interesting studies based on origami tessellation which are much more interesting than this type of work. Anybody with an interest in geometrical studies would be well advised to seek them out, research and study them.

A study based on names relating to this site A study based on names relating to this site A study based on names relating to this site

Although there are many designers and artist who use traditional, manual methods to carry out their work, most designers nowadays rely on computer based software to carry out their designs, particularly in order to be able to standardise and reproduce their products in multiple editions. The software used is generally based on their own computers, either personal or servers, but increasingly there are programmes on the Internet allowing those with an interest to create designs within a framework established by the software providers. There are inevitably restrictions in scope but, as a free service it is attractive to many. The illustrations here were created with the programme on such a site – though there are others, particularly the original of this type – which allow the user to input words within a framework that defines the overall shape, colour, font and orientation of the words. The first two images are based on words associated with this site, though I have had to amend the original images in order to get the design to fit the frame, something that could not be done within the programme. However, images created in this manner are large enough to adapt for uses such as the greeting card exercise shown in the lowest illustration, so are likely to be popular with many. As long as you have a printer it is possible to create a serviceable greeting card of reasonable design quality.

A study based on names relating to this site

In a number of places I have illustrated a number of studies created with a basis in Islamic geometry. This graphic is one such design. It was developed from some other work which had been based on ten-point geometry, this being two-dimensional in character. Here, however, that two-dimensional pattern was projected three-dimensionally to create a notional fountain. This form of fountain was not uncommon in the Islamic world, taking its character, in this case, by the use of water falling over the rims of each basin to exit in a drain wrapping round the base of the fountain. With or without a fountain at its top, this type of fountain had a significant psychological cooling effect on those moving around it. Studies of this character are one of the normal ways in which designers can examine their designs with a view to constructing and operating them.

go to top of page

Old studies

A design for the head of a poster

The following sketches are all very old, dating back to the 1960s and 70s. This first sketch was the head of a poster advertising an office party. The draftsman bears an obvious similarity with the sketch at the top of the housekeeping pages for this site, but the sketch was made as a visual pun on the camel being the ship of the desert. My apologies for the state of the drawing, it’s very old. The camel reappeared in a number of varieties of greeting cards, envelope sketches and the like. I’m rather fond of him…

A design for a New Year card A study for a card

There was, in the 1960s, a strong revival of interest in old films. Looking at this illustration from all that time ago, I’m not sure which old film stars are illustrated but suspect they were from the era of silent films. There are a number of things I would change if I were to go through the exercise again, but that is usually the way with design. The drawing formed the basis for a New Year card. Drawn with black ink on tracing paper, it was printed in the old fashioned manner which all old architects would know, but not necessarily love. The second design was also executed in the same manner though I have no recollection of what it was for. I suspect it was a card, but why I should have selected this image, I have no idea other than the thought that there used to be an old advertisement for a mouth freshener which had two people suffering as they sat or stood each side of a person with the obvious problem.

Part design for a greetings card

Also in the 1960s there was a style of lettering that was found on posters and other graphic works all over the place. Relatively easy to draw, as it consisted of curvilinear forms, it was easy to produce letterforms suited to a number of uses. This illustration is of a part of a greetings card. It’s not very good, looked at now, forty-five years or so later, but I might well use the idea again, though hopefully improving upon it.

Part of a sketch design for a greetings card

Drawn in the early 1970s, this quick, investigative sketch for a card was based on a common effect in the region. It was drawn after a visit to al-Khor when the phenomenon was first experienced as we approached the settlement from the desert. This illustration is only a part of the sketch and around twice life size which may account for the relatively poor draftsmanship. It’s here because I liked it and because it’s a reminder of days enjoyably spent in the desert.

Invitation to an office party

In a similar graphic style to the detail above, these two illustrations are obviously not greeting cards but were produced when I worked for a well-known architectural company in London in the late 1960s. I’m not sure, but would guess they were drawn in 1967. The first illustration was designed to be sent to people outside the office and would have been sized to fit into a DL sized envelope, although I admit it doesn’t look as if that is so.

Poster for an office party

The second illustration is of the A4 poster designed to be displayed around the office and to be read at a close distance. The company, Renton Howard Wood Associates, had recently completed the conversion of an old warehouse building on St. Katherine’s Docks, immediately adjacent to Tower Bridge, London. I believe the term ‘River Boat Shuffle’ referred, in the jargon of the day, to the fact that there would be a traditional jazz band accompanying the party as it moved along the Thames in one of the cruise boats. The illustration was of the converted building, and not of the cruise boat.

The interest to me is again in the form of the lettering used in the 1960s for so many posters. They could certainly be improved upon today.

Invitation to a party

This is another laboured use of the same style of typography used in some of the illustrations above. It appears that the design was produced so that three could be printed off at a time, cut up and sent. The mottling is due to the prints being dyeline, in the nineteen-sixties the most usual way of reproducing drawings, particularly in architectural offices. The original would have been black ink on tracing paper, but that has long since gone, only this printed example remaining enlivened, to some extent, by a circular stick-on red label. Black, white and red would have been a little more striking than this reproduction suggests. I hope. Again, the design could certainly be improved upon.

Notice of a leaving party

From memory, this small poster was intended to be as shown, white on black, as shown. Unfortunately this is the only copy I have and there has been considerable mottling due to its age. Again, it was produced in the late 1960s as an A4 poster pinned up in the different rooms of the offices in which I worked at the time. Compared with the other examples, the typography is organised on straight lines and there is no attempt to create distinctive forms with the letters. The lettering at the top would have been similar to that at the bottom, and not as indistinct as it is here. In retrospect, the radiating lines may not have been a good idea.

An early study for a greetings card

These are early studies for two greeting cards and are placed here as they illustrate how crude some of these studies can be. Their common theme was an interest I had at the time in designing shapes with a single line. The use of a single line enables an infill colour or texture to be used to bring out the shape. Without the colour or texture there might be ambiguity or a lack of understanding of the drawing but, in any case, a colour or texture creates additional interest. The drawing of the herald was intended for a child and probably would have had words coming from the trumpet.

Alternative studies for a greetings card

The two studies for the tiger are interesting in that there is a significant difference between the two resulting from which way the line drawing is shaded in. In the event I’m unsure if either of them were used on a greeting card as, by their definition here, they are studies looking toward a suitable solution to a perceived need, usually one required at relatively short notice.

Sketch of a draftswoman

The style of drawing used in the studies for the tiger must have been popular in the 1960s as here is another sketch I’ve come across drawn in 1965. The sketch was made of a draftswoman who worked directly in front of me. It appears to be incomplete but I have no idea why there is not more of the setting of where we worked, or the drawings on which she was working. The original drawing was made on tracing paper as this photograph was taken from a dyeline print. The reason it is here is that it represents another style of sketching used in looking at the world around us. It uses the pen to mark out lines of the subject. The style is unrealistic as, in reality, the lines are arbitrary and mark the junction of two textures. That tends to be the way we use pens and pencils. We mark these lines while painters are more accurate in that they set out planes of colour to represent what they see.

Three black and white sketches

In the first of these next two illustrations are three more sketches. All are taken from A5 sketch books in which I do much of my thinking. They represent, from left to right, studies for a potential layout for a garden, a three-dimensional greeting card, and the notional development of simple houses in the desert – a preparatory sketch prior to making drawings with a drafting programme for the Islamic architecture section of the site.

Sketch of a cat

The second illustration is a sketch of a cat sleeping beside me on a cushion. Sketched at the bottom of one of the A6 pages, it was drawn over an investigation for a greeting card I was working on at the time, creating a rather messy illustration. The background has been cross-hatched in an apparent attempt to separate it from the other work on the page. It could have been executed better, particularly the cross-hatching, but I still like the result as captures a very typical look of his.

Ink sketch of a building in a Yorkshire village

These two sketches were made a long time ago, in the 1970s, and I had forgotten about them until coming across them accidentally. The first of the two sketches is of a building in a small Yorkshire village and appears to be unfinished, though I don’t know why, unless it was due to time. Drawn in ink it was intended to catch the quality of the rough sandstone, but the ink looks too dark to me on reflection and might better have been drawn in pencil.

Sketch view on the Scottish west coast

This second sketch dates back to a time when I was interested in the graphic quality of scenes, and was intended to form the basis for a larger study which was never carried out. Drawn in pencil the aim was to capture something of the textures of the landscape while separating different tones which might be treated as single colours. You can see that the sky was treated as a single frame with separation from the land and sea by the paper’s ground running between them. Perhaps it is time to have another attempt to complete it.

Sketch of a draftswoman

Contrasting with the the more formal sketches above, here is an enlargement of a cartoon style I used in the 1960s to illustrate all kinds of drawings I made at that time. Greeting cards, the addresses on envelopes, presentation and project drawings which needed enlivening, invitations and a variety of ephemera that I thought might benefit this style of drawing had this man, or a version of him applied to it.

The large Double-elephant sized drawing board was a staple of architects’ offices in those days and, yes, it really was called ‘Double-elephant’ the paper being 40” x 26.67”, the next size down commonly used being ‘Imperial’ or 30” x 22”. This character, sitting at his board with an oil lamp over him was a common element of those drawings in the 1960s. The illustration at the head of the Home and other pages, is obviously a later version of this character.

The lines on the drawing have run slightly suggesting that it was a Rapidograph I used in those days. That was a common drawing pen for technical work, supplanting the higher quality Graphos pen system which was used mostly on tracing paper. The line width would have been a 0.3 or 0.5 for this type of work on cartridge paper, and the colour applied with a Lloyd marker picked up in Germany and which I preferred to the Magic Markers sold in Britain.

go to top of page

Student work

Drawing of a scheme for a church

While some of the work on these pages may have been carried out in student days many years ago, these next few illustrations can definitely have come only from the early 1960s. I came across the old black and white photographs a little while ago while looking for something quite different; placing them here makes them more accessible than tucked away in a cupboard.

Model of a scheme for a church

Perhaps it may be a mistake to show them as, again with the passing of time, there are not only a number of things I would do very differently now, though it is difficult to understand some of the decisions made then. The model was made with the generous help of the Cumberland Pencil Company who, at my request, gave me two hundred cedar pencils without leads or covering paint. Regrettably this had an affect on the project as there were not enough pencils to compose the whole of the roof, as was the intent. Nor can I recall why it was I decided upon hexagons as the basic architectural vocabulary, the pencils obviously having an effect on the scale of the project. What I do remember, even as I type, is the wonderful smell of the cedarwood.

The Cutty Sark under sail

Since I originally wrote this note on an old student project, the Cutty Sark, a beautiful historic clipper, was heavily damaged by fire. As a result, a new setting was created for it in its existing dry dock at Greenwich which dealt with the problems of both conserving and protecting it in a different way from that in which it was envisaged in 1963 when this studio project was given to us as a student exercise.

Structural model for housing the Cutty Sark

I regret that this is not a very good photograph, but it is the only one I have of this working model showing my work in progress. The project had us look for a conceptual structural solution to housing the clipper and giving it a degree of protection in its dry dock. Having decided to enclose the clipper, the obvious problem to resolve was the visual competition between the structure of its masts and rigging and the structure housing it – bearing in mind that it was necessary to be able to maximise, or at least optimise, the views of these characteristic elements of the ship. The design sought to create a solution which emulated the compression and tension found in the masts and rigging of the beautiful clipper, the concept angling the compressive rods so as not to compete with the masts and spars, while the tensile elements would replicate the rigging and support glazing which, itself, would be organised in compressive and tensile elements supported on the major tensile rigging. The rods do not meet at the top in order to mirror the frame of the spars. The tensile elements are impossible to see in the photograph and the general intent would have been to reduce competition in the massing and angling of the enclosing elements with those of the rigging. I still have an affection for this project and would have liked to have been able to develop the concept further.

Site model for the design of a new University

At this distance in time, I am unable to recall much about this particular project, other than that it was a scheme for a new university in, I think, Ireland, and the scheme was likely to have been designed at the beginning of 1964. This was a time that saw a number of new universities being designed and constructed around the country. I have the feeling that this scheme might have been a competition, but I’m really not sure.

Part model of the administration area and an engineering faculty module Detail of the balsawood model

The scheme was designed to be extendable with one wing housing all administration and associated functions, but the majority of the teaching elements being housed in the wing which had the laboratories on one side of an internal street and lecture, tutorial and staff rooms on the other side. I have no recollection of how the students and staff were to be accommodated. This photograph shows a little of the central administration complex with the first of the laboratories on the right and associated teaching facilities opposite. I see there was both clerestory lighting to the top floor of the laboratories and also peripheral lighting, and that there seems to be a servicing system below grade. What I remember most about this project, as well as other similar schemes – and the reason for its inclusion here – was the pleasure in constructing the models of balsawood, the lower photograph illustrating something of the character of the model.

South-west aerial view of the balsawood model

For my architectural thesis I entered an International Students competition for a School of Architecture. Recently I came across some photographs of one of the polystyrene and balsa wood models made for the competition though, like many old illustrations, they have suffered over time. The scheme was heavily influenced by my view of the work of Hans Scharoun, a German architect whose work was not that well known in Britain at that time.

North-east aerial view of the balsawood model

The site for the intervention was immediately outside the formal entrance to the University on Woodhouse Lane. Known as the Parkinson Building, the white Art Deco structure was the work of the architects Thomas Lodge and Thomas Lucas and, south-east of it is the late Victorian, ashlar Emmanuel Church designed by Richard Adams and John Kelly. To the south of both, and established in the master plan for the University’s development, was intended to be an academic building structure running east-west. That structure was a bland megastructure grid into which the School of Architecture had to link, its north end devolving at grade in front of the Parkinson building. It would have been a route taken by pedestrians moving into the north-western corner of the megastructure.

South-east aerial view of the balsawood model

The site slopes considerably down from north to south and my scheme was designed to settle into the landscape and incorporate edge planting in order to maintain views of the Parkinson Building and Emmanuel Church as well as forming a softened base to the buildings. At the same time it was intended to enclose an open space to be used by students for informal and formal open air events.

Cross-section through studios

The studios were designed to be open on access walkways and to receive north and east natural lighting. Opposite them would have been staff offices and support facilities directly accessible from the studios. This cross-section was taken through the south part of the building, that which is at the far end in the photograph immediately above. Looking at the scheme now with the benefit of hindsight and experience, I can see that there is much that would have to be changed…

go to top of page

Other work

Site plan for a competition for a new town hall in Amsterdam

Recently going through some old papers I came across this old dyeline illustration for a competition entered in 1967. It is not my design, but I was one of the team who worked on it for the British architectural company, Renton Howard Wood Associates. While it is not a graphic design, this page seems to have become a repository for old work discovered as I go through boxes and files I’ve not been into for years, if not decades, and it seems appropriate to give these designs an airing after being so long hidden.

This design was prepared in response to an international competition which sought to find a suitable design for a new Town Hall for the city of Amsterdam, Holland. The brief called for administrative offices both private and with public access, together with a range of formal and informal spaces necessary for the carrying out of the tasks required and intended of the municipality of the capital city.

The site was contained on two sides by canals, on a third side by a road and with an underground transportation system on the fourth. Also there was an implied need for a strong diagonal route for pedestrians across the site suggesting an interesting design challenge.

There were 803 entries to the competition that were then whittled down to a final seven. This, regrettably, was not one of the seven, the winner being Wilhelm Holzbauer of Vienna with the jury comprising architects having an interest and specialisation in redevelopment. The winning project did not go ahead as designed.

Amsterdam Town Hall competition drawings

Unfortunately, neither I nor the architects have the original drawings but recently I found small printed photographs of them which are placed here with apologies for their quality. There is just enough of the images discernible to see that one of the key decisions was to lead pedestrians through the building, rather than being diverted around it. The offices and administrative functions are housed in the taller parts of the building, at the lower part of the structure in this illustration, with the larger halls and similar functions in the upper part of the structure, the pedestrians moving in the space between them. The building rises to its highest point in the bottom right corner of the building. It was intended that the pedestrianised part of the structure would have been covered with a stepped glazed structure.

I recall that, in those days without computers, we used hand-drawn sketches and Architectural Lego to look at a wide range and number of alternative solutions, taking Polaroid photos of the models in order to maintain a record of each of them. It appears from the grid evident in the model, that this may have influenced the final design.

Regrettably, despite our efforts which included an interesting site visit, the scheme did not win, but I still feel it was an interesting solution to the problems of the site and brief, and I believe that Amsterdam would have benefitted from its construction and use.


Corporate image   |   top   |   Greeting cards

Graphic design
menu for this section of the site