少ない手間と知識でそれなりに見せる、ズルいデザインテクニック：ズルいデザイン（1）（1/2 ページ） デザインが自分でイイ感じに作れたらいいなあというプログラマのみなさん。少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが、少ない手間で簡単に、ちょっといい感じのデザインに見せるための、ちょっとした小ズルいTipsを紹介します。 （注）このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 ズルいデザインはSassとCompassを利用し
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 WEB配色の２大原理と６つの配色パターン画像を拡大して表示する ※追記：インフォグラフィックの最後のクレジットの部分が途切
Photoshop VIP ☞ 商用可、豊富すぎる711個のピクトグラムアイコンを無料公開している「Noun Project」
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
新着記事
『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default Icon [ad#ad-2] ダウンロードできるアイコンのフォーマットはEPS, PNG（16x16, 32x32, 48x48, 64x64, 128x128, 256x256）です。 アイコン全653種はウェブサイト・ウェブアプリケーション用にさまざまなものが揃っています。 以前紹介した際はver.1で168種類でしたが、作者様よりver.2にして数も増やしたよ、と連絡を受けました。 [ad#ad-2] アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。また、再配布も可能、とのことです。
@JUNP_Nです。新しいMacBookAirが発売されたら購入すると心に決めているのですが、次のMacは移行アシスタントを使わないでゼロから環境を作ろうと思っています。ということで現在のMac環境を晒しつつまとめてみようと思います。 Spaceseは縦3×横3の9画面を用意 Spacesを使い、それぞれの画面に役割分担をさせています。基本ですね。 僕は縦3×横3の合計9画面を用意しています。画面ごとの役割分担は以下。 ファイル操作、デスクトップ表示用メールクライアント（Sparrow）専用iTunes専用Evernote専用ブラウザ（Chrome）専用編集作業専用（Illustrator、Skitchなど）Twitter専用（Echofon、Twitter）MarsEdit専用Skype専用 一番利用頻度が高いのが「5」のブラウザ画面です。ここを起点に利用頻度が多い画面にすぐ変移できるよ
Facebookにログイン
Facebookにログインして、友達や家族と写真や近況をシェアしましょう。
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
bookma! - 404
リダイレクトします
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
Nyle Engineering Blog
OpenAIのWhisper文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg…
商用利用無料、国内のフリーイラスト素材の総まとめ
商用でも無料、かわいくておしゃれなイラスト素材をまとめました。Webやアプリ、プレゼン、提案書、ポスター、同人誌など、さまざまなメディアで無料で利用できます。 ほぼすべてがクレジット表記は必要無しなので、使いやすいと思います。 イラストセンター 個人・商用プロジェクトで無料で利用できます。 現在10,000点以上、分かりやすくて使いやすいイラストが揃っています。カテゴリも豊富で、だいたいのものが揃っています。野菜や果物など、同じテイストでたくさんあるのもいいですね。料理もたくさんの種類があります。一度に利用できるイラストの数は20点までとなっており、詳しくは利用規約をご覧ください。
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 （※本文中のショートカットキーは全てMacの場合です） 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
絵の描き方・上達法総まとめ 初心者からベテランまで絵を描く人に役立つ記事36選 ｜ お絵かき速報！萌え絵上達法
あらゆる絵の描き方や上達法を集約したサイトが見たい、という思いから作った 「お絵かき速報」2年間の総まとめです。 今まで紹介してきた中で、反響が大きかったおすすめの記事をまとめました。 絵を描いたことがない、これから描いてみたい、という方は描き始めるきっかけとして。 既に絵を描いている方は、更なる上達への足がかりに。 また、作業効率の向上や、モチベーションを上げるための参考になさってください。 【初心者向け講座】 初心者にも分かりやすい『人の描き方』講座まとめ とっつきやすい、キャラの描き方講座まとめ 絵が全く描けない初心者に最適のイラスト教本と練習法 これから萌えキャラを描き始めようとする人に 絵が上手くなりたい人が見るべき講座・サイトまとめ チェックしておくべき定番の絵の上達サイトを紹介 【絵の上達法・練習法】 印刷しておくと必ず役に立つ絵の資料まとめ 何度も見返し参考にしたい絵の資料
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。 Adobeのソフト一個だけあげるよと言われたら、迷わずPhotoshopを選びます。井畑です。 そんなPhotoshopラブの僕ですが、昔は正直苦手でした。 なぜなら、PhotoshopはIllustratorと違って、調整しているうちにデータが劣化(どんどん汚く)なってしまうと思っていたからです。 正しく言うと、データが劣化しない方法を知らなかっただけなんですけどね、当時は大変でした。 画像も一回小さくしてしまうと、次に大きくした時に荒れてまいますし、トーンカーブ等の画像補正も一回かけると二度と修正できませんでした。何回もトーンカーブかけてるとどんどん画像が汚くなっていくし… よく、サイズを間違えてて2,3時間の作業を一からやり直しして
小さな画像を美しく拡大する「SmillaEnlarger」 - SourceForge.JP Magazine : オープンソースの話題満載
デジカメ写真などの画像ファイルを拡大したいときは画像編集ソフトを使うのが一般的だ。しかし、通常のソフトで解像度が低い画像を無理やり拡大すると、まるでドット絵のような輪郭がギザギザの画像になったり、ノイズが目だったりして画質が大きく低下してしまう。そこで利用したいのが今回紹介する「SmillaEnlarger」である。 SmillaEnlargerは画像拡大専用に作られたツールだ。画像の拡大時に輪郭などのデータを自動で解析・補完して、とてもなめらかに美しく拡大してくれる。処理には独自のアルゴリズムを用いており、拡大後の画質は広く高画質として知られているバイキュービック法をしのぐ（図1、2）。 読み込みに対応している画像の形式はBMP/JPEG/PNG/PPM/TIFF/GIFの6種類。この内GIFを除く5種類での出力に対応しており、拡大しながら形式変換を行える。切り抜き機能もあるので、必要な
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれますので、組み合わせはほぼ無限です。 Pixlr Photo Editor-オンラインフォトエディタ 世界で最も人気とされるオンラインフォトエディタ。OSを選ばない。 photoshopに近いインターフェイスと、ブラウザさえあれば動くという使用が人気。ユーザー登録しなくても利用できる（したほうが便利）。 Vintage Effect-レトロ、ヴィンテージエフェクト 上のPixlr.comが運営するも
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
中学生でもわかるベジェ曲線
移動しました。 http://blog.sigbus.info/2011/10/bezier.html
IDEA * IDEA
ドットインストール代表のライフハックブログ
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
商用利用OK＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング 申し訳ございません現在メンテナンス中です。 またのちほどごアクセスください。
Effects - PhotoFunia
Performing image editing and applying picture effects to any image is a time consuming exercise that is fit only for an avid photoshop user. If you’re looking for a quick and professional picture effects online service, then PhotoFunia is the solution you’ve been looking for. With PhotoFunia you can edit photos online for free in a matter of seconds resulting in high quality photo collages. Not on
日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやすいデザインが沢山あります。 加工、商用OK、印刷物、ソフトウェアでも可能、Webデザイナーも利用可能。再配布、２次配布は不可。
JEPG画像の見た目の品質を維持しつつ、ファイルサイズを1/5に軽量化するオンラインサービスを紹介します。 ※1/5は画像によって差があります。 JPEGmini 左：オリジナル（3662KB）、右：JPEGmini（628KB） [ad#ad-2] サイトではデモのJPEG画像が4種類あり、中央のスライダーを操作することで左：オリジナル、右：JPEGmini、見た目の品質を比較することができます。
Background Image Maker
cmmntr.com
This domain may be for sale!
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も
デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜！
フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 ｜https://wp.yat-net.com/name
2012年 04月 20日 フリーイラストサイト12点。商用利用OK・著作権表示不要・無料。 カテゴリ： フリー素材 タグ：イラストフリー素材まとめ作成支援ツール 会社内の資料を作成する際やブログを書く際にイラストが欲しい！と思うことは多々あるんですが、ひとつひとつイラストを書いてると膨大な時間が掛かってしまいあまり現実的では無いかなと思います。 なので、ちょっとフリー素材として使えるイラストを公開してくれているサイトをご紹介すると共に、シェアさせて頂こうと思います。 こういったものをフリーで公開していただけるのは非常に有難く頭が上がりませんね。尚、商用利用可能で、著作権表記が出来るだけ不要のものをご紹介させて頂きますがWeb上で公開したりする際は念の為、各サイトのポリシーや利用規約をご確認下さい。
New/ old tin palette / jessiecchapman 「色彩検定2級」と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも「色使い」と言うものに苦手意識を持っておりまして。 いざデザインに取り掛かろう！となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etcetc。 さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)
かちびと.net
Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.
さくらのレンタルサーバ
レンタルサーバなら「さくらのレンタルサーバ」！ 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。
白地図、世界地図、日本地図が無料 フリー地図作成 地図ココ 世界地図サイト 有料地図販売 English フリー素材 フリーカレンダー ご利用情報 サイト情報 リンク集 ヘルプ お問い合わせ このサイトでは、広告の表示のためにCookieやウェブビーコンを使用しています。 © 2006-2009 Sankakukei, InoueKeisuke
【特集】知っておきたいWebサービス - ジャンル別リスト (1) Webサービスの紹介ジャンル | ネット | マイコミジャーナル
Webサービスを活用していきたい人のために Webサービスを活用する機会は増える一方だ。いつの間にか、メールのやりとりはWebメールサービスに、Webブラウザのブックマークはソーシャルブックマークに、ビジネス文書の作成だってオンラインワープロに──気づけばWebサービスを多用していたという人は少なくないだろう。そして、これからWebサービスを活用していきたいと考えている人もいると思う。本特集では、Webサービスをプライベートやビジネスなどに積極的に取り入れていきたい人に向けて、ジャンル別にさまざまなサービスリストを提供していく。ジャンルやサービスは順次拡充していく予定なのでぜひ活用してほしい。 掲載ジャンル一覧(順次拡充予定) Webサービスの種類 更新日 New Webメール 05-23-2009 New ソーシャルブックマーク 05-23-2009 New オンラインカレンダー 05-
イラストにおけるキャラクターの撮り方、考え方、tips - pal-9999のサッカーレポート
皆さん、こんにちは、ベルマーレが三連敗してしまい、ふんだりけったりの管理人でございます。こんにちは。腹立たしいので、今日はサッカーの話でなく、久々にイラストの話でもしようかと思います。 そもそも、この時期は、Ｊ２サポにとっては、精神的にきっつい季節で、カリカリしてるです。まあ、次は真面目に香川の話でもしますが、今日は、サッカーの話をする気分じゃないので、久々にイラストの話でもします。 イラストにおけるキャラクターとカメラの話 さて、昨今、デジカメが安くなってきたせいか、イラストの描き方に色々と変化が起きているように思います。絵を描くときは、参考資料に写真を撮るのが普通ですけど、そこで問題になるのが、写真の撮り方です。 えーと、最近はデジカメの安いのでも、ズーム機能とか手ぶれ補正とかついているので、素人でも簡単に広角と望遠を使い分けて写真撮れるようになりました。 井上純弌氏による「萌え絵／エ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
全653種、商用利用無料、再配布可能な太っ腹のフリーアイコン -Default Icon
Mac初心者には参考になるかもしれないMac作業環境晒し｜男子ハック
時間の節約になるWeb制作関連ツール 12+1
Photoshopの切り抜き、選択範囲いろいろ：で、結局どれがいいの？
私がwebサイトのラフデザインを制作する時の流れ │ Design Spice
Photoshop初心者は絶対に覚えてほしい!!画像を劣化させずに調整できるPSDデータの作り方
Web制作の為の無料Webサービス・ツール40*ホームページを作る人のネタ帳
【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
私がウェブサイト作成時にお世話になっているサイトをご紹介
商用利用ＯＫ＆無料の写真・フリー素材を集めました！総合素材サイト｜ソザイング
http://e0166nt.com/blog-entry-872.html
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
見た目はそのままで、JPEG画像のファイルサイズを1/5に軽量化するオンラインサービス -JPEGmini | コリス
今日から始めるデジカメ撮影術 - ITmedia +D LifeStyle
無料で使える写真素材 - 厳選１２サイト | DesignWalker
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
白地図、世界地図、日本地図が無料【世界で唯一の白地図専門店】