TOP  >  Photoshop  >  デザイン性の高いフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」 ハイクオリティなモックアップ素材を使用することで、デザイン性を手軽に高めることができます。今回はそんなフリーPhotoshopモックアップを集めた「New Free PSD Mockup Templates for Designers」を紹介したいと思います。 Free Photoshop Book Mock-Ups | Adazing Design いろいろな種類のモックアップ素材がまとめられており、アイデア次第でさまざまなシーンで活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Brochure Mock up with Cover a

アップデートしたリマインダーアプリ「Due」は「Day One」や「Evernote」と組み合わせてライフログツールとして使うと便利！ しつこいくらいの通知でタスクを完了させる気持ちにさせてくれる鬼のリマインダーアプリ「Due」が2015/01/14にアップデートでVer2.0に。 UIの変更でタスクの入力がとっても簡単になったほか、他アプリへの連携がとっても便利になりました。 そしてこの「他アプリとの連携」をうまく使うと、リマインダーアプリとしての用途だけでなく、現在や過去の行動を記録できるライフログツールとしてもとっても便利です。 たくろーど（@tkroad）です。こんにちわ。 リマインダーDueはしつこい通知でタスクを思い出させてくれるので、ぼくの生活には欠かせないアプリ。 今回のアップデートでタスクや時間の入力がとってもしやすくなり便利になったのですが、その他に完了したタスクをライ

壁紙・写真8953 webデザイン3925 デザイン3291 絵画・イラスト・アート2193 動物1745 3D1724 UI1291 photoshop1083 フリー1004 風景834 自然821 かわいい689 wordpress679 素材652 テーマ632 チュートリアル626 フォント617 幻想的548 動画530 お洒落524 建築物501 犬430 テンプレ400 イラスト397 psd396 猫384 ロゴ331 jquery297 ブラシ296 プレミアム285 プラグイン274 テクスチャ260 CSS249 ミリタリー221 タイポグラフィ217 名刺213 gif212 都市風景210 インテリア206 宇宙203 エフェクト200 SF188 ポスター186 ファンタジー186

大規模サイトから個人のポートフォリオやブログまで、さまざまなデザインをサポートするための汎用性に優れたアーキテクチャで設計されたCSSのフレームワーク「Skyline」を紹介します。 Skyline Skyline -GitHub Skylineでは気になるCSSのテクニックがたくさん使われています。 classの命名にはBEM、リセットにはnormalize.css、印刷にはHTML5 Boilerplate、コンポーネントのアイデアはBootstrap、そしてSCSSで書かれたオブジェクト指向のCSSです。 「BEM」とは、ブロック（Block）、エレメント（Element）、モディファイア（Modifier）の頭文字をとったもので、各要素を3つのどれかに必ず属するものとして考えます。 例えば、ページにはヘッダ・コンテンツ・フッタのブロックがあり、ヘッダブロックにはロゴ・メニュー・検索

【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ 2015年01月22日 最終回の後編では「エンジニアをデザインができるように育てるデザインメンター制度」について引き続き現場のエンジニアと、一緒にお仕事をさせて頂いているデザイナーの方をお迎えして、お話を伺いました。ついに謎に包まれていた「デザインメンター制度」の詳細が明らかに！

お気に入りのWebサイトを紹介したいと思います。職場が変わった、パソコンが変わった時にいちいち探すのも少し面倒なのでブログに残しておきたいと思います。 とても勉強になるサイトばかりなのでチェックしてみてはいかがでしょうか？ タグリファレンス HTMLクイックリファレンス 目的別にHTMLやCSSのタグを探すことができる。ど忘れした時に調度良い感じがします。 TAG index HTMLやCSSのタグについてまとめられている。HTML5のタグも追加された。 HTMLやCSSを学び始めた頃から参考にさせてもらっているサイトです。タグの具体的な内容が書かれているので手軽に調べることができます。 デザインリンク Web Design Clip 業種やカラーでWebサイトを探すことができます。 Responsive Web Design JP レスポンシブデザインのサイトデザインを紹介してい

こんにちは。ライターの内藤です。 恥ずかしながら、最近になって「フラットデザイン」を意識しはじめました。 装飾を最小限におさえることによって、特定のメッセージや製品、アイデアを直球勝負で伝えるデザイン。 フラットデザインは、もともとスマートフォンの小さな画面でシンプルに見せるものから派生したのだと思われますが、Windows8やGoogleの新デザインがきっかけとなって一躍注目を浴びるようになったようです。 もう知っている方も、まだ知らない方もいらっしゃると思いますので、目次のお好きなところから読んでください。 最初から全部読まなくても大丈夫です！ フラットデザインとは まずはどんなものか、百聞は一見にしかず、サンプルを見てみましょう。 フラットデザインの例 http://builtbybuffalo.com/ http://www.squarespace.com/templates/ ※

ひと昔のサイトを見た時、直感的に「このサイト古いつくりだから、アクティブじゃない」なんて感じることはありませんか？ 近い将来、あなたのサイトもこのように思われてしまうかも知れません。サイトのデザインが古いことは、機会損失につながります。 あなたのサイトが少しでも長く愛されるサイトデザインにするために、本日は最新のウェブデザイン手法である「フラットデザイン」についてお伝えします。 ▼目次 1.フラットデザイン概要 2.フラットデザインのメリット 3.フラットデザインの考え方 －フォントの選定 －オブジェクトの作り方 －グリッドのマージンの取り方 4.背景に画像を敷く 5.フラットデザインなサイト事例 6.フラットデザインなスマホサイト事例 7.まとめ 1.フラットデザイン概要 近年、IOS7やwindows8のヴィジュアルに「フラットデザイン」というものが導入されています。歴史をたどると、ド

2014年7月30日におこなわれたADC MEETUPでのセッションのスライドです。 Photoshop CC 2014を使用することを想定した内容となっています。Read less

1pxのズレはコーディングできないデザイン！ DTPの世界でもグリットシステムは利用し、数値を利用して配置するデザインは基本中の基本ですね。 しかしながら、マウスを引っ張って配置するようなデザインをして、数値を利用したデザイン配置をしないデザイナーが存在します。 感覚だけで配置するデザインなので、1pxのズレなども多く発生します。このようなデザインをコーディングには大変なことなります。正直言うと、コーディングできないデザインなのです。 そんな当たり前のことができていないデザイナーが多い？ことから、海外では「photoshopetiquette」Photoshop エチケットというコンテンツがありましたのでご紹介いたします。 日本でも同様に起きていますね！弊社でもこのようなデザイン、ファイルを納品されて困ったケースがあり、受講生に聞いても同じ悩みがあるようです。 プロとして最低限のマナーなの

【フレッシュなWebデザイナーの皆さんへ】数ある... / ━━国内ギャラリーサイト━━イケサイ、ABM、S... / 【イケサイ】国内のコーポレートサイトが中心のデザ...他...全14件 【フレッシュなWebデザイナーの皆さんへ】 数あるWebデザインギャラリーサイトの中で、新卒Webデザイナーがとりあえず毎日見ておけば間違いない特にオススメのギャラリーサイトをまとめました。

はじめに 今回から「すぐに使えるSCSS入門シリーズ」からタイトルを変えてSCSS・Compassを使ったコーダー向け開発効率アップテクニックを紹介していきます（シリーズは続きます）。 今回作成したサンプル このサンプルはgithubで配布しています。ダウンロードしてソースなどご確認ください。 動作するHTMLサンプルはこちらです。 CSS Spriteって？ CSS Spriteについてお復習いです。 簡単に言うと画像をくっつけてCSSのbackgroud-positionで表示を制御するテクニックです。 CSS Spriteのメリット 画像をくっつけることによってHTTPリクエスト数の削減 マウスオーバーなどで表示を切り替えるがスムーズ（個別に画像を読み込んでいる場合、切り替わったときに読み込みが発生します） CSSのみでボタンなどのアフォーダンスを切り替えることができる CSS Sp

なんだか毎回同じようなコード書いてるなあ... この間も同じことで悩んだなあ... コーディングやプログラミングをしていて、こんなことを感じた経験はありませんか？ いや、絶対にあるはずです。 もしあなたが所謂プログラマーなら、上記の悩みをデザインパターンやクラスの再利用といった知恵で解決するのかもしれません。 でも、HTMLコーディングの世界にはそこまで集合知化された手法はありません。 クラス名の付け方やCSSの書き方など、きっちりルールを決めるほどでもないけど毎回考えるのも面倒なちょっとしたこと。 人それぞれ必ずお気に入りの書き方やいつも使い回すパターンがあるものですが、「なんとなく」で進めてしまっている部分も多いと思います。 ここでは、コーディングでできる限りラクしたいあなたと私の為に、その「なんとなく」の工夫をちょっと明文化してみます。 ■初期状態を構築しよう 大抵の場合、細かいコー

「足場」の世界へ、ようこそ。 建設現場で作業する人たちのための仮設の床や通路――。 「足場」は、それ以下でも、それ以上でもありません。 ただ、建物は国や地域、時代ごとに実にさまざま。 さらに、皆さんが住む「家」、皆さんが通う「学校」や「会社」、皆さんが遊びに行く「店」など、ひと言で「建物」と言っても、それらはひとつひとつ異なります。 そしてそれは、「足場」も同じ。 いわば地球上に存在する「建物」の数だけ、異なる「足場」が存在するのです。 たかが「足場」。されど「足場」――。「足場」の魅力を紹介します。 足場について

こんにちは、ディレクターのはるかです。 以前、スケジュール作成のツールとして「Gantter」と「iTasksX」をご紹介しました。 今回は、Smartsheetを使ってみたので、こちらも紹介していきたいと思います。 ※Gantterは無料、iTasksXは有料版ではないと保存・印刷ができません。また、Smartsheetは30日間無料のようです。 それでは、どうぞ。 1. サイトへ http://jp.smartsheet.com/ まずは、登録手続きを行います。 2. メールが届いたら、スケジュール作成開始！ なお、新機能として日本語が選択できるようになりました。iTaskXの英語が辛かった私には朗報です。 では、タイトルをいれてスケジュール作成を開始します。 3. まずは稼動日の設定 設定ボタンから、ガントチャート設定の編集を行います。 非稼動日はこのように入力すると反映されます。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.