キャッチコピーを除いたロゴの画像
INTRODUCTIONの画像

はじめに

名刺を受け取っていただきありがとうございます。私は杉山 一聖と申します。このサイトでは私の経歴、人となりをお伝えすることができると思うのでご覧いただけますと幸いです。

ABOUTの画像

杉山一聖について

龍谷大学大学院理工学部電子情報学科修了後、京都の精密部品を製作する会社にて切削工程を設計するプログラマー2年、現場にて1年を過ごす。その後、地元徳島に帰省し電気設計者として制御盤設計、タッチパネルのUI設計、機械の動作に関するプログラムに5年携わってきた。

一見デザインとは関係ないようだが「ものづくり」という点で共通しており、機能面と使いやすさにフォーカスしてきた。次は目に触れる側の「ものづくり」を行いたいと思い転職を決意。最終的にはプログラムもできる多角的な視点を持つデザイナーを目指し奮闘中。

良いデザインは相手に考えさせずに伝えたいことを正確に伝えることができる思いやりの結晶だと思っています。そして、それを数字として証明できるデザイナーを目指しています。

SKILLの画像

できること

テクニカルスキル&資格

Illustrator

Photoshop

HTML5&CSS3

JavaScript

Figma

WordPress

ITパスポート

4つのアイコン
4つのアイコン
4つのアイコン
3つのアイコン
4つのアイコン
4つのアイコン

Illustratorを使って名刺のデザインができます。Photoshopを使って画像の補正や切り抜き、バナーデザインができます。両デザインソフトともに一般的な実務レベルには達しています。

HTML5&CSS3ですが、このサイトのコーディングに使っています。効率よく書けているかと聞かれるとこれからの慣れが必要だと感じていますが、基本的なサイトデザインの実現ができるレベルだと思っています。

JavaScriptもこのサイトに使用しました。過去にjQueryのプラグインを用いてシンプルな動きの部分を実現することはありましたが、実装を想定したJavaScriptの学習は始めて1ヵ月になります。より複雑な動きを実装できるように引き続き学習していきます。

Figmaを使ってワイヤーフレーム、デザインカンプの作成、プレゼン資料作成、プレゼンテーションを行うことができます。またローカルスタイル、コンポーネント化、オートレイアウトの機能を用い効率よくデザイン案の作成が可能です。

WordPressを使ってサイト制作ができます。オリジナルのテーマ開発やPHPを用いた改造などは現段階ではできません。

WORKSの画像

制作物一覧

カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
カルーセル用の制作物の画像
サイト制作のスマートフォン用のサムネイル画像 サイト制作のパソコン用のサムネイル画像

サイト制作

HTML5&CSS3とJavaScriptを組み合わせた作った本サイトの説明になります。

バナー制作のスマートフォン用のサムネイル画像 バナー制作のパソコン用のサムネイル画像

バナー制作

決められたお題の中で制作したバナー作品を載せています。

名刺制作のスマートフォン用のサムネイル画像 名刺制作のパソコン用のサムネイル画像

名刺制作

デザインした名刺を載せています。印刷物は印刷して実寸で見て比較することを大事にしています。

スライド資料作成のスマートフォン用のサムネイル画像 スライド資料作成のパソコン用のサムネイル画像

スライド資料作成

職業訓練で発表したプレゼン資料を載せています。Google Slides, Figmaを使って作成しました。

よくあるデザイン表現のスマホ用のサムネイル画像 よくあるデザイン表現のパソコン用のサムネイル画像

よくあるデザイン表現

表現の引き出しを増やすためにデザインでよく使われる技法について学びました。

トレンドデザインの作り方のスマートフォン用のサムネイル画像 トレンドデザインの作り方のパソコン用のサムネイル画像

トレンドデザインの作り方

必要となればトレンドのデザインも上手く取り込めるように、作り方を学びました。

フィード画像作成などのスマートフォン用のサムネイル画像 フィード画像作成などのパソコン用のサムネイル画像

フィード画像作成など

職業訓練中に作成したSNSのフィード用画像と自由制作を載せています。

ランディングページ模写のスマートフォン用サムネイル画像 ランディングページ模写のパソコン用のサムネイル画像

バナー/ランティングページ模写

模写することで制作の流れや構成の作り方の練習をしました。これから作品を増やしていきます。

トップに戻るボタン