【Webデザイン入門】GIMPで写真をレタッチする【第7回】
前回 前回はInkscapeを使ったロゴ作成を行った。今回はGIMPで写真をレタッチする方法を紹介する。 1. レタッチとは？ そもそもレタッチとは写真に手を加えることを指す。 最近よく知られているものだと人の肌などを加 …
【Webデザイン入門】Inkscapeを使ってロゴを作ってみた【第6回】
前回 前回はInkscapeを使ったエンブレムの作成を行った。今回は、いよいよロゴの作成に取り掛かる。 1. はじめに Webデザインでロゴを作成する場面は多いと思う。ベクター画像形式のペイントソフトであるInkscap …
【Webデザイン入門】Inkscapeを触ってみる【第5回】
前回 前回は配色についてまとめた。今回からInkscapeを使った画像作成について紹介しようと思う。 1. はじめに Webデザインではロゴを自分で作業することも多々あると思う。その場合、ベクター画像をIllustrat …
【Webデザイン入門】配色についてまとめてみた【第4回】
前回はWebサイトのタイポグラフィについてまとめた。今回はデザインの要とも言える配色についてまとめてみる。 1. 色とは 色は「色相」、「明度」、「彩度」の3要素で決められる。 「色相」は赤、橙、黄…のように色相環で表さ …
【Webデザイン入門】タイポグラフィについてまとめてみた【第3回】
前回はWebサイトのレイアウトについてまとめた。今回はタイポグラフィについてまとめようと思う。 1. タイポグラフィとは タイポグラフィとは、文字の配置やサイズ、フォントを文章が美しく見えるように工夫することだ。デザイン …
【Webデザイン入門】Webサイトのレイアウトの基本をまとめてみた【第2回】
前回、Webサイトのデザインをしながら、レイアウトについての知識が自分の中で散見していたのでまとめてみることにした。 1. デザインの4原則 そもそもデザインには4つの原則がある。これらの原則の上にレイアウトが成り立って …
【Webデザイン入門】GIMPを使ってWebデザインをやってみた【第1回】
経緯 LaravelやReactでよく遊んでいるのでコーディングはそこそこできるのだけれど、肝心のデザインに自信がない。コーディングしながら何となくで作ってきたが、きちんとデザインに起こしてから作れるようになりたいと思い …