もし、こんなお店があったら逆に利用したくなる！
自滅的だけどお客さんへの思いやりが込められている店内アナウンス
いらっしゃいませー！いらっしゃいませー！
全国のコンビニ・スーパー・ドラッグストアへようこそ！
みなさんに喜んでいただくために砂糖・甘味料たっぷりの加工食品が店内の９割以上を占めております。各惣菜にも砂糖たっぷり、清涼飲料水は一本に付き角砂糖10個は当たり前！当店は、果糖ぶどう糖液糖専門店となっております。美味しい食品を毎日ご家庭にお届けしたい一心で、依存性のある甘味料をたっぷり混入させていただいております。
いらっしゃいませー！いらっしゃいませー！
...
新型コロナウイルス感染症対策のポスターを作成しました。
飲食店、スーパー、美容院、エステサロンなどで使えそうな企業向けに仕上げています。
イラストレーターで加工できるAIデータを無料で配布致します。
コロナ対策を行っている店舗を応援したいと思い作成しました。
新型コロナウイルス感染症対策
・咳エチケット
・アルコール消毒
・マスク着用
・手洗い
コロナ対策ポスターの種類
・青＋ゴシック体（清潔感のあるカラー）
・緑＋丸ゴシック体（消毒してます感のあるカラー）
・ダークブラウン＋明朝体（シックなお店にぴったりのカラー）
コロナ対策ポスターのダウン...
スマホサイトでボタンを作る時の汎用リンクマークを作成しました。1ピクセルのビットマップでのマークもおまけに。
1ピクセルのリンクマークはPC用サイトで、使いこなせる人は上級者かも。
個人的にはポータルサイトなどの細々したサイトで重宝してます。リストタグに背景指定で使って見て下さい。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
...
ギザギザと個人的に呼んでいるマーク。「何パーセントオフと」か、「何々限定」とか、強調させたい時に使用するもので、Photoshopには最初からそれっぽいのが入っているものの、なんかちょっとイマイチってことで、イラレで作成しました。色はカラーオーバーレイやグラデーションで自分好みに調節して下さい。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[EPS]
※自由に使っていただいてかまいませんが、再配布はご遠慮ください。
...
今回はスマホ版サイトのヘッダーの部分でよく見かけるアイコンの素材。今回配布しているPSDファイルでは、ホームやメールなど全てがベクターなので拡大縮小が自由です。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使っていただいてかまいませんが、再配布はご遠慮ください。
スマホ版サイトをデザインする時の強い味方となる参考サイトをついでにご紹介。
■絶対見ておきたい有名企業のスマホサイトまとめ
https://ascii.jp/elem/000/000/590/590502/
■優れたiPhoneサイトデザイン集 -...
スマホ用素材をネットで探しましたが、なかなか大きいサイズのものがなかったので、結局自分で作っちゃいました。スマホは解像度がPCより2倍大きいので、例えば300pxのボタンを設置する場合は600pxの画像を使わないと画質がにじんでしまいます。指でボタンを押すのでボタンを大きく作るのがスマホサイトの基本ですね。
＜スマホで画像を綺麗に表示する＞
htmlStart
htmlEnd
＜スマホで背景を綺麗に表示する＞
htmlStart
sample
htmlEnd
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使...
送信ボタンを作成しました。今回はアメリカのサイトでよく見られる配色のグラデーションを使用。PSDファイルもダウンロードできるので自由に文字が編集できます。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使っていただいてかまいませんが、再配布はご遠慮ください。
...
商用サイトでは必要になることが多いお問い合わせ関連の素材。シンプルでどんなサイトにも合いやすいものを作りました。お問い合わせの部分にこだわるのも大切なことです。今回はPSDにグラデーションパターンを付け足しましたので、是非ご活用ください。使用しているフォントはWindows標準のメイリオとArialです。日本語フォントならモリサワの新ゴが一番好きなのですが、最近はメイリオもなかなか気に入っています。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使っていただいてかまいませんが、再配布はご遠慮ください。
...
個人的に好きな色のボタンを3パターン作りました。CSS3で表現できるものですが、IEが対応していないので、グラデーションや角丸はまだまだ画像を使っていった方が無難ですよね。ボタンの文字を編集したい方もいると思うのでPSDファイルもアップしてあります。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使っていただいてかまいませんが、再配布はご遠慮ください。
...
画像をダウンロードして、フォトショップで切り抜き加工をして使ってください。CSSの宣言方法も記載しておきます。
＜HTML＞
htmlStart
サンプル１
サンプル２
htmlEnd
＜CSS＞
htmlStart
ul.listMark li{
background:url(/img/list.gif) 0 2px no-repeat;
padding-left:15px;
}
htmlEnd
背景ポジション(0 2px)←この部分はline-heightの設定値により数値の調節が必要になります。ポジションの数値はマイナスの値も使えます...
M2NETは日本の広告クリエイター兼PHPエンジニア。合理主義で統計をもとに分析したがるキャラ。WEB制作はデザイン＋コーディング＋システム全般を平均的にこなし、動画制作にも精通。2006年頃からアフィリエイトで生活。フリーランスとして15年以上活動中。自然派ミニマリストの一面もある
食品添加物がなぜ入っているのか、何でできているのかを知ることは大切です。人間の身体は食べ物でできているから。
便利コンテンツとして野菜を長持ちさせる情報をまとめています。