この記事を読む

無料で初心者に優しいWordPress日本語テーマまとめ【厳選】

WordPress始めたいけど本当に手軽なの? ブログに使うだけなのでシンプルなテーマがいい WordPressを始めたて、もしくは始めたい人向けの記事です。 たくさんWordpressテーマはあります。 ですが、機能が少なすぎたり、多すぎ…

この記事を読む

グラフィックデザイナーがWebデザインをするときの違いと心得【オススメ参考書】

グラフィックデザイナーなんだけどWebも作りたい 最近Webデザインを始めた そんな人に向けての記事です。 社内でグラフィックデザイナーへ向けてWeb勉強会をする機会があり、Webと紙の違いを話した内容をまとめました。 長くなるので目次を見…

この記事を読む

【Webデザインに舌鼓をうつ vol.13】 The Shift by Garden Eight (日本)

マウスストーカーといい、最近はマウスに追従し、コントローラーかのようにカーソルを実装するのが流行っています。 今回のサイトは全てがマウスストーカーを使った操作となっており、シンプルでとてもわかりやすいサイトです。 The Shift htt…

この記事を読む

男女の出会いマッチングサービスのLP【Webデザイン添削 vol.02】

先日始めた新たな試み、Webデザイン添削サービス実績の第二弾です。 掲載許可をいただけたサイトのフィードバックの一部分をかいつまんでご紹介します。 ランディングページの訴求方法 うちのサービスをもっと知ってもらいたい そんな人の参考になりま…

この記事を読む

Web業界未経験のポートフォリオサイトの作り方【Webデザイン添削 vol.01】

先日始めた新たな試み、Webデザイン添削サービスが大好評です。 掲載許可をいただけたので、一部のフィードバックをご紹介します。 転職用ポートフォリオは何を載せればいいの? 作ってみたけれど、これでいいの? 未経験でIT&クリエイティブ業界に…

この記事を読む

【Webデザインに舌鼓をうつ vol.12】 DRAFT Inc. by SHIFTBRAIN (日本)

いつもどうやったらこんなデザインが出来あがんだよっってくらいイケてるデザインをご紹介する”Webデザインに舌鼓をうつ”シリーズ。 今回は制作物をとても魅力的に見せる、店舗設計/オフィスデザイン会社のコーポレート&ポートフォリオサイトです。 …

この記事を読む

参考にしたい日本人デザイナー・エンジニアのポートフォリオまとめ

就職活動の時期にさしかかっているので就活生の皆さんは、特にWebデザイナーの方なんかはポートフォリオ作りに勤しんでるのではないでしょうか。 かっこいい・可愛いコーポレートサイトはたくさんありますが、フリーランスや個人のポートフォリオってどう…

この記事を読む

特定の時間で表示を変更する時限式javascript

今年のエイプリルフールは休日です。 休みの日に出社しなくてもいいように、特定の時間が来たら表示して、終わったら消す。 そんなソースコードを紹介します。 時限式で実装できるのでとてもおすすめです。 [crayon-5ad7f865cf1cd2…

この記事を読む

【Webデザインに舌鼓をうつ vol.11】 京料理 手をけ弁当 六盛 by AID-DCC (日本)

いつもとは全く違うテイストのサイトをお届けします。 なかなか和風のサイトでここまで尖ったデザインは見ませんでした。 これまで紹介してきたホームページはターゲットが若年層でした。 ただ今日ご紹介するサイトは50代から60代をターゲットにしたも…

この記事を読む

写真をインスタ風にするCSSフィルターセット”Instagram.cssとfilter.css”

下手にPhotoshopで加工するよりinstagramの方がいけてる時あるよね正直。 デフォルトであるフィルタセットを使った方が、風合いが出ていいなって。統一感出すの簡単やし。 そんな時のCSSフィルターセットのInstagram.css…

この記事を読む

新着記事に指定した日数”新着記事”と表示する【WordPress】

灯油が必要すぎて金欠です! 今日はいつもWordpressを作った後に追加で言われるやつ。 新着記事のみ”NEW”をとかラベルをつけてってやつです。 表示する日数も任意で変更が可能です。もちろんテキストだけではなく画像での表示も可能です。 …

この記事を読む

Webデザインも一流な写真家の作品集サイトまとめ

写真家のWebサイトはもちろん写真が主役。 Webサイトで写真が主役だとPintarest形式のレイアウトになることが多いので、サイトのデザインにオリジナリティーあるものはあまり多くはない。 だけど今回ご紹介するのはWebサイトのデザインも…

この記事を読む

【Webデザインに舌鼓をうつ vol.10】 BLUES DESIGN by STUDIO DETAILS (日本)

新しいUI/UX体験をさせてくれるサイトを紹介します。 ここ近年、WebデザインでCSSを使って3D表現ができるようになってきています。 スクロールしたらナナメから奥行きを持って出てくる そんなサイトを紹介します。 BLUES DESIGN…

この記事を読む

テキストにインパクトを与えるBlotter.jsをこれから多用しそうな予感

テキストにとてもインパクトを与えることができるJavascriptを発見しました。 その名もBlotter.jsです。 読み込んでテキスト打ち替えておしまい。超簡単。 Blotter.jsをダウンロード 公式サイトはこちらです。 https…

この記事を読む

Web制作でもインタラクションの参考にしたいモーショングラフィックス

インタラクションの参考はWebでは限界があるのでVimeoを見るようにしています。 2018年に入ってから気になったモーションを紹介します。Webに使える幾何学モチーフの作品が多数です。 Web制作でもインタラクションの参考にしたいモーショ…

この記事を読む

動画がかっこいいサイトまとめ

国内外の動画を魅力的に見せるサイトを集めました。 動画は必ずしもメインビジュアルにだけ使われるものではなく、UXを効果的に見せる手法としても使われます。 どこでどのように使われているかに注目して見て見ましょう。 前半は海外事例で後半は国内事…

この記事を読む

【Webデザインに舌鼓をうつ vol.9】 ESTYLE,Inc. by BEES&HONEY (日本)

これはまた派手なアニメーションを付けたなーって思う、デザインでのトータルブランディングの老舗、BEES&HONEYさんが新作だしました! 毎回コーポレートサイト案件リニューアルの参考にさせてもらっています。 ESTYLE,Inc.…

この記事を読む

【Webデザインに舌鼓をうつ vol.8】 presnt by presnt (日本)

Webっぽいけどプロダクトっぽい。 そんな制作会社のポートフォリオを見つけました。 http://presnt.jp/ presnt http://presnt.jp/about 淡いブルーが爽やかなコーポレートサイトです。 アニメーション…

この記事を読む

東京のWeb業界内でも評判がいいホームページ制作会社まとめ

Webデザイナー・エンジニア歴8年の自分が、ホームページをフルリニューアルするとしたらお願いしたい会社、または働いてみたいWeb制作会社などを選びました。 Web制作会社のほとんどが東京ですよね。クリエイティブ系の転職サイトMORE WOR…

この記事を読む

Javascriptの慣性スクロールはSCROLL MANAGERを使う

とっても便利なススクロール系Jsを発見しました。 しかもMITライセンスときたら、使わせてもらうしかない。 では手を合わせて。いただきます。 SCROLL MANAGER とりあえず見てもらえるとわかります。 アニメーションが小気味良くて気…