はじめに Gulpは、Web開発におけるタスクランナーとして広く利用されています。特に、フロントエンドのビルドプロセスを自動化するためのツールとして非常に便利です。最近、Gulpのバージョン5がリリースされたので、今回はGulpの最新バージョンへのアップデート方法をすごく簡単に解説します。 私は長らくGulp3を使って...

初心者にありがちな500エラー Pythonを使い始めたばかりの頃、プログラムが思うように動かずに500エラーに悩まされた経験は誰にでもあるとおもいます。これはWeb開発において特に多い問題の一つですが、この記事では、意外と忘れがちな初歩のなかでも本当に初歩的な原因である改行コードについてとその対策について詳しく解説し...

横面でも作成しましたが、地図やオフィスの外観・内観などを配置することでよりイメージがしやすい名刺のレイアウトを組んでいきたいと思います。 特に凄い技術を使用してるわけではなく、基本的なレイアウトの組み方でとてもイメージを際立たせることができるレイアウトになっていますので、是非一緒に作成していただけたら嬉しいです。 今回...

前回作成した横型の裏面のレイアウトと似ている形になりますが、よりしっかりとセパレートをして、情報が多くてもまとまるように調節をしたので紹介します。 以前よりもより多い情報を詰め込みたい時やそれぞれジャンルが違う情報を詰め込みたい時などに重宝するようなレイアウトになるかと思いますので、是非ご一緒に調節頂けたらうれしいです...

独特で使用の仕方はむずかしくなってしまうかもしれないですが、装飾によって化けるような5分割のレイアウトを組んでいきます。使用できるタイミングは少なくなってしまうかもしれませんが、差別化ははかれるような個性的な形になるかとおもいますので、引き出しのひとつとしてレイアウトのテンプレートを作成していきたいと思います。...

方法として、情報を5分割にセパレートをする形のレイアウトを作成してみたいと思います。是非、現在受けている案件で情報量が多くてレイアウトを中々組めていない方などいらっしゃいましたら、一緒に作成いただけたら嬉しいです。...

今まで流れるような配置を意識して作成をしてくることが多かったのですが、今回は情報が分散されたレイアウトを作成していきたいと思います。...

す。今回はベタ塗りで作成しますが、薄く柄を入れたり写真を入れたりしてアレンジをすることや、ロゴの部分をQRに入れ替えるなど、色々と派生させることのできるレイアウトになると思いますので、是非一緒に作成いただけたらと思います。...

シンプルでありながら斜めのガイドを使う事によって装飾の選択肢を増やす事の出来るレイアウトを組んでいきたいと思います。...

回作成した縦書きの縦型名刺のレイアウトですが、全て縦書きにしてしまうよりも一部だけ横文字にしてみたりすることで作成がしやすくなるだけでなく、オリジナリティも出すことができますので、今回は縦書きテンプレートをカスタマイズしてブラッシュアップしていきたいと思います。...

店舗カードや診察券などへも応用できるような形で、イメージの部分が大きく、地図などにも置き換える事が出来るようなレイアウトを黄金比を使用して作成していきたいと思います。...

縦型の裏面だからこそできる情報が凄く多くても大丈夫なレイアウトを組んでいきたいと思います。縦型の裏面だからこそできる情報が凄く多くても大丈夫なレイアウトを組んでいきたいと思います。 フィボナッチ数列や、黄金比のガイドを利用して製作をおこなっていきますので、下記の記事よりガイドデータのダウンロードをお願いいたします。...

横型名刺で縦書き文字でそろえるとかわいらしい和風のレイアウトが作成できることが以前の記事でわかりましたが、少し形を変えて横書きを交えたハイブリッドなレイアウトを組んでいきたいと思います。 以前の記事はこちらから。 https://t3l.org/design/card-layout-yoko13/ 使用しているガイドな...

DTPデザインで小さい案件ならビジュアルデザインそれだけで乗り切れるケースがちらほら経験はありますが、基本的にWEBサイト作成で再現が可能なデザインなのか、ユーザーはどういった形でサイトを閲覧するのかなど技術的な事やマーケティングな面の知識がないと本当のWEBデザインはできないと私は考えています。...

りそうでなかなか見かけたことのない横型名刺なのに縦書きの少し変わった珍しい名刺のレイアウトを作成していきたいと思います。...