イケてるWebサイト制作会社をお探しの方へ イケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。 オススメのサイト ミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索 保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイト ブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てた猫ちゃん
![ikesai.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/83ef4a481cc2be79182de2617938584085ed66cf/height=288;version=1;width=512/https%3A%2F%2Fwww.ikesai.com%2Fimg%2Flogo_facebook.gif)
こんにちは。デザイナーの藤田です。 「石の上にも3年」と言いますが、私のWebデザイナーとしてのキャリアもついに2年目が終わり、3年目を迎えようとしております。 日々学ぶ事が多く、とても3年程度で大成するような業種ではないですね(どの業種にも言えることだとは思いますが)。 そんな私がデザイナー1年生だった頃を振り返ると「手っ取り早くデザインが上達しないかなー」なんてよく考えておりました。 そこで今回は、私の経験から最も手っ取り早くデザインが上達する「トレース(模写)」の方法をご紹介いたします。 なぜトレースがデザインの上達につながるのか? なぜトレースがデザインの上達につながるのか、自分なりに考えてみました。 「デザインは細部に宿る」と言われますが、その細部に気付く 「デザインの引き出しが増える」 「自分の悪い所が解る」←これが一番重要! などなど、良いことがたくさんあります。 まずはカッ
Webデザイナーはコードを学ぶべき? コーダーはデザインを学ぶべき? 両方に精通している人はなかなか多くはいません。Webデザインがどのように進化してきたのかその流れをしっかり押さえ、デザインとコードのギャップをつなぐことができたか振り返ってみましょう。 A brief history of web design for designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 先日の彼らの記事「しっかりと理解しておきたい!レスポンシブWebデザインを使いこなすための9つの基本原則」と同様に、分かりやすいアニメーションもお楽しみください。 1989年:Webデザインの暗黒時代 1995年:Webデザインの始まりはテーブルから 1995年:JavaScriptが表現の幅を広げる 1996年:Flashにより自由の黄金期へ 19
気に入ったデザインのWebサイトをブックマークして、後で見ることはできますが、 デザインが気に入って保存したのであれば、デザインからブックマークを選びたいですよね。 それができるアプリがWebblaです。 上がアプリの画面です。 iPhotoに似たシンプルなデザインなのでとても使いやすいです。 ブックマークの方法は、URLを直接入力(⌘ Nで入力)/配布されているブックマークレットを使う(Preferences>control にブックマークレットがあります)/拡張機能を使う(safariのみ)があります。 保存をすると「All Bookmarks」にブックマークがサムネイル表示されます。 さらにアプリ内でフォルダ分けすることができます! (COLLECTIONS、⌘ shift Nで新規フォルダ) これを使うことで、自分でジャンル分けや整理することができます。 お気に入りデザインのサイト
Web制作を仕事にしようと決めて、勉強を始めたのが今から約8年ほど前だったと思います。その当時から現在まで、大変お世話になっていたり、気になっているWebサイトが多くあります。 今回は、その1部をご紹介します。(サイト名は順不同、敬称略です) buzzword(バズワード) http://www.buzzword.jp/ Web業界に入りたての方がつまずきやすい技術に焦点を当て、解説されている記事が多いです。 例題を交えながら平易な文章で解説されていて、とても親切。ずーっとお世話になっているサイトの1つです。 Attrip http://attrip.jp/ 仕事の休憩時間によく見るサイト。笑うつもりがなくても思わず吹いてしまうネタ記事が多くて、なごみ要素がとても強いです。 という面もあれば、国内外のWebサービスをすぐに試したり、ネット上で話題になっているものをいち早く見つけて記事にした
最近のWebデザインでよく利用される1カラム、2カラム、3カラム、カード型、ボード型の基本的なグリッドをはじめ、ランディングページ、プロダクトページ、ギャラリー、ポートフォリオ、カート、FAQ、コンタクト、マップなど、さまざまなレイアウトが用意されたワイヤーフレームやフローチャートを作成するための素材を紹介します。 UI Titles UI TILES: WEBSITE FLOWCHARTS ダウンロードできる素材のフォーマットは、4種類。 .psd(72種類のレイアウトとチャート) .ai(72種類のレイアウトとチャート) .sketch(72種類のレイアウトとチャート) .png(72種類の各レイアウト) 各フォーマットにはそれぞれ72種類のレイアウトとチャートが揃っており、ワイヤフレームやフローチャートやサイトマップとして利用できます。
研究発表等で使っているシンプルな自作テンプレートをGithubにアップしたので紹介しようと思います。 テーマ 「Mint Green」 ミントグリーンがベースのシンプルなテーマ。 タイトルにはスマートフォントUIというフォントを利用していますが、これを入れてなくても問題なく使えると思います。 テーマ 「Violet」 紫がベースのシンプルなテーマ。Mint Greenの色違い。 こちらも、タイトルにはスマートフォントUIというフォントを利用していますが、これを入れてなくても問題なく使えると思います。 テーマ 「Scarlet」 赤がベースのテーマ。 フォントはヒラギノ角ゴ + Avenir Next。 こちらからDLできます リポジトリ: GitHub - cocodrips/keynote-themes: Free Keynote templates. 良かったら自由にDLして使ってくだ
こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか? ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し
皆様こんにちは。LIGのディレクター、藤井誠ことfujisanです。 前回に続いて今回も、ファッションの業界で働いていた経歴がある私が、Web業界に足を踏み入れてから改めて「イケてるなぁ」と感じたファッションブランドのWebサイトを紹介します! 前回の記事では、 「Webサイトにこだわりを感じるファッションブランド8選【日本編】」 ということで、日本のファッションブランドのみを紹介しましたが、今回は海外のブランドに焦点を当てて紹介していこうと思います。 こだわりを感じるファッションブランドのWebサイト8選【海外編】 1. CARVEN http://us.carven.com/us_en 1945年に創立したフランスの老舗オートクチュールブランド「CARVEN」の公式サイトです。 2010年春夏コレクションより、プレタポルテのブランドとして生まれ変わり、シンプルでシックなデザインと、上品
お疲れさまです、デザイナーのモモコです。 今回はクリスマスのオーナメントに使えそうな幾何学模様をIllustratorで描くチュートリアルをご紹介します。 Illustlatorの機能で幾何学模様のオブジェクトを簡単に描く方法 1. オブジェクトに使う色を選ぶ 制作する前に、シェイプに使用する3色をあらかじめスウォッチ登録しておくと便利です。配色を決めるときはこちらのサービスを参考にしました。 Coolors http://coolors.co/f5ebd4-e3c5ad-d781ac-b53884-7a044b 2. 基本となる円を作成する シェイプツールで正円を描きます。 塗りのみを使用し、線は“なし”に設定します。 3. 円に沿って直線を引く 先ほど描いた円に対して、対角線と垂直線を引いていきます。 ラインツールで適宜調節しながら円と接するようにしてください。 スマートガイドを使用す
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く