スマホアプリのUIデザインを研究するときに便利なフリーのSketchデータいろいろ

klm-boarding-pass-delaram.jpg

スマホアプリのUIを研究したいときに便利なフリーSketchファイルを紹介します。
空間の扱いなど、勉強になるところがきっとあるはず。

Read More

PhotoshopとIllustratorとSketchを上手に使っていこう

psaisketch.png

PhotoshopとIllustratorとSketchが最近のウェブデザインツールとして上がってますね。
お客様のニーズに合わせて、いつもはデザインしないアプリをベースアプリとして
デザインを要求されることもあるかとおもいます。
今回は、「だいたい同じことができる、でも得意不得意はあるかも」といったことをアプリをまたいで考えてみました。

Read More

ウェブデザインの文章レイアウト組みパターンを展開してみる

layout_title.png

ウェブデザインの中の、バナーやサイドメニューを抜いた、文章のレイアウトパターンを展開してみました。基本はだいたいこんな感じだとおもうので、配置に困ったら試してみてください。

Read More

最近また注目を浴びているようなのでクラウドソーシングサービスいろいろ。2015年版

  • vanillate
  • 2015-11-11 Wed 00:28:41
  • しごと
woman.jpg

クラウドソーシングサービスの記事をよく見かけるようになりました。
「全受注をクラウドから請けてますー」というニューエイジな方も居るようで。
だれでも、家にいながら、仕事ができる。
という夢を見せてくれるクラウドソーシングサービスを調べてみました。

Read More

御本を頂きました:「人を惹きつける 美しいウェブサイトの作り方 人に伝わるデザインと制作のレッスン」

  • vanillate
  • 2015-11-02 Mon 15:16:16
  • 献本
IMG_0222.jpg

twitter独立組でたぶんほぼ同期の、デジハリの講師をしながらフリーランスで活動しているりえさん(@rie05)から御本をいただいたので、ご紹介します。

Read More

愛され♡「メリハリ」ウェブデザインを作る!注目を集めたいときのデザインテクニック




デザインの本質とはちょっと違うのですが、ウェブデザイナーに必要な技術のひとつ、広告などに使う「目立つ・理解されやすいウェブデザイン」の手法をまとめてみました。
メリハリをつけて、目に留めてもらえるようなデザインを目指しましょう!

(すみません、タイトルふざけました、中身はいつもどおりマジメです。)

Read More

photoshopのアートボード機能でレスポンシブも、デザインパターンも一気に書き出し。

psartboard_02.jpg

photoshopのアートボード機能を使えば、
sketchみたいにカンプを複数並べてデザインができます。
レスポンシブデザインはもちろんですが、PC/スマホサイトの各カンプをデザインしたり複数サイズのバナーパターンを同時に編集したりと結構使えたので、ご紹介。

※アートボード機能は、Adobe Photoshop CC 2015 から利用できます。

Read More

ちゃんとしたサイトがGoogleさんで正しく検索してもらえるようなSEO対策

  • vanillate
  • 2015-09-25 Fri 13:13:20
  • ウェブ
description.jpg

サイトを作ったけど、思ったように見てもらえてない、アクセス数が伸びない。googleさんで検索しても、3P以降にも出てこない。そんな初期状態のウェブサイトで、最初にやるといいSEO対策をご紹介します。
※「超競合キーワードで1P目の1番になりたいんだ!!絶対にその順位も落としたくない!毎日みちゃうよー」って人には向いてないとおもいます。

Read More

Index of all entries

Sponsored Link
【WebDesign】Photoshopでプロになる!オシャレ&クールなWebデザイン作成講座
▲Udemy講座第二弾!Photoshopデザインカンプ作成の流れをレクチャーします。クーポンコード【PS_BANIDESIGN】
はじめよう!Wordpressで作るおしゃれサイト【デザイン入門】
▲WordPress初心者向けに、ばにが書きおろしたオンライン授業です。上記バナーから受講いただくと、お得な価格で受講可能!
ホームページ・ウェブサイトデザイン・制作ならバニレートデザイン事務所まで。10年以上に渡りオールラウンドウェブクリエイターとして活動した経験を活かして高品質なPhotoshopデータでの「デザインカンプ作成」のお仕事を主に行っています。業務提携いただける企業さま、ウェブディレクターさまを随時募集中です。Wordpress(ワードプレス)、レスポンシブ、スマホ用サイトもできます♪
Books - 寄稿させていただいた本たち
WordPressデザイン 仕事のネタ帳 見た目と効果を向上させるプロのテクニック
WordPressを利用して、趣味〜お仕事が可能なレベルの実践的な内容になっています。 ブログ風、Pinterest風、CMSとしてWordPressを利用する方法の3つをメインに、さらにこれらを拡張していきやすいような考え方や、きっかけを掴んでいただければという想いで書かせていただきました。担当Chapter:9chapter (メイン3、サブ6。110ページ前後ぐらい。)
【Amazon.co.jp限定】神速Photoshop [Webデザイン編] CC対応 特製PSショートカットステッカー for Mac 付
Photoshopの作業をすばやく行って、デザイン自身に集中できるように。基本動作であっても、考え方としてどのように持っていくか、ということをテーマに書かせていただきました。(担当:本編の全体89のテクニックのうち、23ぐらいのテクニックと、特典PDFの中にもいくつか。)
レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法
「レスポンシブWebデザインテクニックブック プロが教えるマルチデバイス対応の手法」にてCase Studyの1つを寄稿させていただきました!
Popular Posts
Recent Entry
Category
about:vanillate
vanillate

author: vanillate(バニレート)

フリーランスのウェブクリエイター。
wordpressやカラーミーショップのデザインなど、シンプルで可愛いサイトを作っています。






Link
Recommend
レンタルサーバー 【ヘテムル】 なら、 独自ドメイン【無制限】、データベース【50 個まで】を追加費用無料で設定できます。 しかも、サーバー容量は余裕の 42.195GB! 1 つの契約でたくさんのサイトを運営したい方にぴったりのサービスです。
★【カラーミーショップ】なら本当に安心!★
かわいいテンプレートが続々登場するから、初心者のあなたにも安心!
オンラインショップ・ショップブログ・モバイルショップなど、こんなに揃って月額875円~!
有名ショップ様にも多数ご利用をいただいているから、どんどん参考にしちゃおう!
Design Items